.App{min-height:100vh;background-color:#f8f9fa}.navbar{background:#fff;padding:0 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;height:70px;position:sticky;top:0;z-index:1000}.nav-brand h1{color:#667eea;margin:0;font-size:1.8em}.nav-logo{height:40px;width:auto;margin:0}.nav-links{display:flex;gap:20px}.nav-links button{background:#fff;color:#2196f3;border:2px solid #e9ecef;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 2px 4px #0000001a}.nav-links button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#2196f3;background:#f0f8ff}.nav-links button.active{background:#f0f8ff;color:#2196f3;border-color:#2196f3;box-shadow:0 4px 12px #2196f34d}.nav-user{display:flex;align-items:center;justify-content:flex-end}.logout-btn{background:#fff;color:#f44336;border:2px solid #e9ecef;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#f44336;background:#ffebee}.main-content{min-height:calc(100vh - 70px);padding:0;width:100%;max-width:100%}@media (max-width: 1200px){.navbar{padding:0 20px}.nav-brand h1{font-size:1.5em}.nav-logo{height:35px}.nav-links{gap:15px}.nav-links a{padding:8px 12px;font-size:.9em}}@media (max-width: 768px){.navbar{padding:0 15px}.nav-logo{height:30px}.nav-links{flex-direction:column;height:auto;padding:15px}.nav-brand h1{font-size:1.3em;margin-bottom:10px}.nav-links{flex-wrap:wrap;justify-content:center;gap:10px}.nav-links a{padding:6px 10px;font-size:.8em}}@media (max-width: 480px){.navbar{padding:10px}.nav-brand h1{font-size:1.2em}.nav-links{gap:8px}.nav-links a{padding:5px 8px;font-size:.75em}}@media (prefers-color-scheme: dark){.App{background-color:#1a1a1a}.navbar{background:#2d2d2d;box-shadow:0 2px 4px #0000004d}.nav-brand h1{color:#e0e0e0}.nav-links button{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6;outline:none;box-shadow:0 2px 4px #0000004d}.nav-links button:hover{background:#4d4d4d;border-color:#64b5f6;box-shadow:0 8px 25px #64b5f64d}.nav-links button.active{background:#2d4d6d;color:#64b5f6;border-color:#64b5f6;box-shadow:0 4px 12px #64b5f666}.logout-btn{background:#3d3d3d;color:#ef5350;border-color:#404040}.logout-btn:hover{background:#4d3d3d;border-color:#ef5350}.main-content{background-color:#1a1a1a}}:root[data-theme=dark] .App,:root.dark-mode .App{background-color:#1a1a1a}:root[data-theme=dark] .navbar,:root.dark-mode .navbar{background:#2d2d2d;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .nav-brand h1,:root.dark-mode .nav-brand h1{color:#e0e0e0}:root[data-theme=dark] .nav-links button,:root.dark-mode .nav-links button{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none!important;box-shadow:0 2px 4px #0000004d!important}:root[data-theme=dark] .nav-links button:hover,:root.dark-mode .nav-links button:hover{background:#4d4d4d;border-color:#64b5f6!important;box-shadow:0 8px 25px #64b5f64d!important}:root[data-theme=dark] .nav-links button.active,:root.dark-mode .nav-links button.active{background:#2d4d6d;color:#64b5f6;border-color:#64b5f6!important;box-shadow:0 4px 12px #64b5f666!important}:root[data-theme=dark] .logout-btn,:root.dark-mode .logout-btn{background:#3d3d3d;color:#ef5350;border-color:#404040}:root[data-theme=dark] .logout-btn:hover,:root.dark-mode .logout-btn:hover{background:#4d3d3d;border-color:#ef5350}:root[data-theme=dark] .main-content,:root.dark-mode .main-content{background-color:#1a1a1a}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#2196f3}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#2196f3;font-size:2.5rem;font-weight:700;margin:0 0 20px}.auth-tabs{display:flex;background:#f7fafc;border-radius:8px;padding:4px;margin-bottom:20px}.auth-tab{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:#718096;transition:all .2s ease}.auth-tab.active{background:#fff;color:#2196f3;box-shadow:0 2px 4px #0000001a}.auth-tab:hover:not(.active){color:#4a5568}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group input::placeholder{color:#a0aec0}.password-strength{margin-top:8px}.strength-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-1{background:#e53e3e}.strength-2{background:#dd6b20}.strength-3{background:#d69e2e}.strength-4{background:#38a169}.strength-5{background:#2f855a}.strength-text{font-size:12px;color:#718096;font-weight:500}.auth-btn{width:100%;padding:14px 20px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2196f34d}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{background:none;border:none;color:#2196f3;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .2s ease;display:block;margin:0 auto;text-align:center}.auth-link:hover{color:#1976d2}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;border-left:4px solid #e53e3e}.success-message{background:#c6f6d5;color:#2f855a;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;border-left:4px solid #38a169}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:30px 20px}.auth-header h1{font-size:2rem}}.auth-card{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-btn:disabled{position:relative}.auth-btn:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme: dark){.auth-container{background:#1a1a1a}.auth-card{background:#2d2d2d;box-shadow:0 20px 40px #00000080}.auth-header h1{color:#64b5f6}.auth-tabs{background:#3d3d3d}.auth-tab{color:#b0b0b0}.auth-tab.active{background:#3d3d3d;color:#64b5f6}.auth-tab:hover:not(.active){color:#e0e0e0}.form-group label{color:#e0e0e0}.form-group input,.form-group select{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.form-group input:focus,.form-group select:focus{border-color:#64b5f6;background:#4d4d4d}.form-group input::placeholder{color:gray}.strength-bar{background:#404040}.strength-text{color:#b0b0b0}.auth-btn{background:#2196f3;color:#fff}.auth-btn:hover:not(:disabled){background:#1976d2}.auth-link{color:#64b5f6}.auth-link:hover{color:#90caf9}.error-message{background:#4d2d2d;color:#e57373;border-left-color:#e53e3e}.success-message{background:#2d4d2d;color:#81c784;border-left-color:#38a169}}:root[data-theme=dark] .auth-container,:root.dark-mode .auth-container{background:#1a1a1a}:root[data-theme=dark] .auth-card,:root.dark-mode .auth-card{background:#2d2d2d;box-shadow:0 20px 40px #00000080}:root[data-theme=dark] .auth-header h1,:root.dark-mode .auth-header h1{color:#64b5f6}:root[data-theme=dark] .auth-tabs,:root.dark-mode .auth-tabs{background:#3d3d3d}:root[data-theme=dark] .auth-tab,:root.dark-mode .auth-tab{color:#b0b0b0}:root[data-theme=dark] .auth-tab.active,:root.dark-mode .auth-tab.active{background:#3d3d3d;color:#64b5f6}:root[data-theme=dark] .auth-tab:hover:not(.active),:root.dark-mode .auth-tab:hover:not(.active){color:#e0e0e0}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select,:root.dark-mode .form-group input,:root.dark-mode .form-group select{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group select:focus,:root.dark-mode .form-group input:focus,:root.dark-mode .form-group select:focus{border-color:#64b5f6;background:#4d4d4d}:root[data-theme=dark] .form-group input::placeholder,:root.dark-mode .form-group input::placeholder{color:gray}:root[data-theme=dark] .strength-text,:root.dark-mode .strength-text{color:#b0b0b0}:root[data-theme=dark] .auth-btn,:root.dark-mode .auth-btn{background:#2196f3;color:#fff}:root[data-theme=dark] .auth-btn:hover:not(:disabled),:root.dark-mode .auth-btn:hover:not(:disabled){background:#1976d2}:root[data-theme=dark] .auth-link,:root.dark-mode .auth-link{color:#64b5f6}:root[data-theme=dark] .auth-link:hover,:root.dark-mode .auth-link:hover{color:#90caf9}:root[data-theme=dark] .error-message,:root.dark-mode .error-message{background:#4d2d2d;color:#e57373;border-left-color:#e53e3e}:root[data-theme=dark] .success-message,:root.dark-mode .success-message{background:#2d4d2d;color:#81c784;border-left-color:#38a169}.dashboard{padding:20px 40px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px);box-sizing:border-box}.dashboard-header{margin-bottom:15px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto}.header-left{text-align:left}.header-right{display:flex;align-items:center;margin-top:10px}.dashboard-header h1{color:#2c3e50;font-size:1.6em!important;margin-bottom:15px;font-weight:300}.dashboard-header p{color:#7f8c8d;font-size:1em;margin:0 0 20px}.how-it-works-btn{background:#fff!important;color:#2196f3!important;border:2px solid #e9ecef!important;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.how-it-works-btn:hover{background:#f0f8ff!important;border-color:#2196f3!important;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.loading-spinner{text-align:center;padding:50px;font-size:1.2em;color:#2196f3}.workload-overview{margin-bottom:50px;padding:0;box-sizing:border-box;width:100%}.dashboard-grid-container{max-width:1400px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;width:100%}.workload-stats,.workload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0;box-sizing:border-box;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.dashboard-grid-container .workload-stats,.dashboard-grid-container .workload-grid{width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;padding:0!important;box-sizing:border-box!important}.workload-stats{margin-bottom:50px}.workload-details{padding:0;box-sizing:border-box;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.workload-details h2{color:#2c3e50;font-size:1.1em!important;margin-bottom:30px;font-weight:400;text-align:center}.workload-card{background:#fff;border-radius:8px;padding:12px!important;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;min-width:0;max-width:100%;box-sizing:border-box}.workload-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#2196f3}.workload-header{margin-bottom:10px}.role-info h3{color:#2c3e50;margin:0 0 6px;font-size:.8em!important;font-weight:600}.role-status{margin-bottom:8px}.status-indicator{font-size:.75em;font-weight:600;padding:2px 8px;border-radius:12px;background:#0000000d}.workload-metrics{margin-bottom:10px}.metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 0;border-bottom:1px solid #f1f3f4}.metric:last-child{border-bottom:none;margin-bottom:0}.metric-label{color:#6b7280;font-size:.7em;font-weight:500}.metric-value{color:#2c3e50;font-size:.7em!important;font-weight:600}.workload-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:0}.workload-fill{height:100%;border-radius:2px;transition:width .3s ease}.dashboard .stat-card,.workload-stats .stat-card,.dashboard-grid-container .stat-card{background:#fff;padding:15px 20px!important;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:15px!important;transition:transform .3s ease;min-width:0;max-width:100%;box-sizing:border-box;text-align:left!important;border:none!important}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:1.5em!important;opacity:.8;flex-shrink:0}.stat-content{min-width:0;flex:1}.stat-content h3{color:#2c3e50;margin:0 0 10px;font-size:.85em!important;font-weight:600}.dashboard .stat-number,.workload-stats .stat-number,.stat-card .stat-number,.dashboard-grid-container .stat-number{font-size:1.4em!important;font-weight:700;color:#2196f3!important;margin:0;display:block}.stat-content p{color:#7f8c8d;margin:5px 0 0;font-size:.75em}@media (max-width: 768px){.dashboard{padding:20px}.header-content{flex-direction:column;align-items:center;text-align:center}.header-left{text-align:center;margin-bottom:20px}.header-right{margin-top:0}.how-it-works-btn{padding:10px 20px;font-size:.85em}.dashboard-header h1{font-size:1.6em}.workload-stats,.workload-grid{grid-template-columns:repeat(2,1fr);gap:15px}.workload-card{padding:12px}}@media (max-width: 480px){.workload-stats,.workload-grid{grid-template-columns:1fr;gap:15px}.workload-card{padding:10px}.role-info h3{font-size:.85em}.metric{flex-direction:column;align-items:flex-start;gap:5px}.metric-value{font-size:.85em}}.team-roles{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.roles-label{font-size:.75em;color:#6b7280;margin-bottom:6px;font-weight:500}.roles-list{display:flex;flex-wrap:wrap;gap:4px}.role-tag{background:#f3f4f6;color:#374151;padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:500;border:1px solid #d1d5db}.no-workloads{text-align:center;padding:40px;color:#6b7280;font-size:1.1em}.no-workloads p{margin:0}@media (min-width: 1200px){.workload-grid{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto}}@media (min-width: 1600px){.workload-grid{grid-template-columns:repeat(5,1fr);max-width:1600px}}@media (prefers-color-scheme: dark){.dashboard{background:#1a1a1a}.dashboard-header h1{color:#e0e0e0!important}.dashboard-header p{color:#b0b0b0}.how-it-works-btn{background:#2d2d2d!important;color:#64b5f6!important;border-color:#404040!important}.how-it-works-btn:hover{background:#3d3d3d!important;border-color:#64b5f6!important}.dashboard .stat-card,.workload-stats .stat-card,.dashboard-grid-container .stat-card{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}.stat-content h3{color:#b0b0b0!important}.stat-content p{color:#b0b0b0}.dashboard .stat-number,.workload-stats .stat-number,.stat-card .stat-number,.dashboard-grid-container .stat-number{color:#64b5f6!important}.workload-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}.workload-card:hover{border-color:#64b5f6;box-shadow:0 8px 25px #64b5f633}.role-info h3{color:#e0e0e0}.metric-label{color:#b0b0b0}.metric-value{color:#64b5f6!important;font-weight:600!important}.workload-bar{background:#404040}.status-indicator{background:#ffffff1a;color:#b0b0b0!important}.workload-details h2{color:#e0e0e0}.role-tag{background:#3d3d3d;color:#e0e0e0;border-color:#505050}.roles-label,.no-workloads{color:#b0b0b0}.loading-spinner{color:#64b5f6}.metric{border-bottom-color:#404040}.team-roles{border-top-color:#404040}.infographic-modal-overlay{background:#000000d9}.infographic-modal-content{background:#2d2d2d;box-shadow:0 20px 60px #0009}.infographic-modal-close{color:#b0b0b0}.infographic-modal-close:hover{color:#64b5f6!important;background:#64b5f61a}.infographic-modal-content .infographic-container{color:#e0e0e0}}:root[data-theme=dark] .dashboard,:root.dark-mode .dashboard{background:#1a1a1a}:root[data-theme=dark] .dashboard-header h1,:root.dark-mode .dashboard-header h1{color:#e0e0e0!important}:root[data-theme=dark] .how-it-works-btn,:root.dark-mode .how-it-works-btn{background:#2d2d2d!important;color:#64b5f6!important;border-color:#404040!important}:root[data-theme=dark] .dashboard .stat-card,:root[data-theme=dark] .workload-stats .stat-card,:root[data-theme=dark] .dashboard-grid-container .stat-card,:root.dark-mode .dashboard .stat-card,:root.dark-mode .workload-stats .stat-card,:root.dark-mode .dashboard-grid-container .stat-card{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}:root[data-theme=dark] .dashboard .stat-number,:root[data-theme=dark] .workload-stats .stat-number,:root[data-theme=dark] .stat-card .stat-number,:root[data-theme=dark] .dashboard-grid-container .stat-number,:root.dark-mode .dashboard .stat-number,:root.dark-mode .workload-stats .stat-number,:root.dark-mode .stat-card .stat-number,:root.dark-mode .dashboard-grid-container .stat-number{color:#64b5f6!important}:root[data-theme=dark] .workload-card,:root.dark-mode .workload-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .workload-details h2,:root.dark-mode .workload-details h2{color:#e0e0e0}:root[data-theme=dark] .role-tag,:root.dark-mode .role-tag{background:#3d3d3d;color:#e0e0e0;border-color:#505050}:root[data-theme=dark] .no-workloads,:root.dark-mode .no-workloads{color:#b0b0b0}:root[data-theme=dark] .loading-spinner,:root.dark-mode .loading-spinner{color:#64b5f6}:root[data-theme=dark] .metric,:root.dark-mode .metric{border-bottom-color:#404040}:root[data-theme=dark] .infographic-modal-content .infographic-container,:root.dark-mode .infographic-modal-content .infographic-container{color:#e0e0e0}:root[data-theme=dark] .dashboard-header p,:root.dark-mode .dashboard-header p{color:#b0b0b0}:root[data-theme=dark] .how-it-works-btn:hover,:root.dark-mode .how-it-works-btn:hover{background:#3d3d3d!important;border-color:#64b5f6!important}:root[data-theme=dark] .stat-content h3,:root.dark-mode .stat-content h3{color:#b0b0b0!important}:root[data-theme=dark] .stat-content p,:root.dark-mode .stat-content p{color:#b0b0b0}:root[data-theme=dark] .dashboard .stat-number,:root.dark-mode .dashboard .stat-number,:root[data-theme=dark] .workload-stats .stat-number,:root.dark-mode .workload-stats .stat-number,:root[data-theme=dark] .stat-card .stat-number,:root.dark-mode .stat-card .stat-number,:root[data-theme=dark] .dashboard-grid-container .stat-number,:root.dark-mode .dashboard-grid-container .stat-number{color:#64b5f6!important}:root[data-theme=dark] .workload-card:hover,:root.dark-mode .workload-card:hover{border-color:#64b5f6;box-shadow:0 8px 25px #64b5f633}:root[data-theme=dark] .role-info h3,:root.dark-mode .role-info h3{color:#e0e0e0}:root[data-theme=dark] .metric-value,:root.dark-mode .metric-value{color:#64b5f6!important;font-weight:600!important}:root[data-theme=dark] .workload-bar,:root.dark-mode .workload-bar{background:#404040}:root[data-theme=dark] .status-indicator,:root.dark-mode .status-indicator{background:#ffffff1a;color:#b0b0b0!important}:root[data-theme=dark] .team-roles,:root.dark-mode .team-roles{border-top-color:#404040}.infographic-container{padding:40px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px);color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.infographic-header{text-align:center;margin-bottom:40px}.infographic-header h1{font-size:clamp(2.5em,6vw,4em);margin:0 0 15px;font-weight:300;color:#2c3e50}.infographic-header p{font-size:clamp(1.2em,3vw,1.5em);margin:0 0 30px;color:#7f8c8d;font-weight:300}.infographic-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.control-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.control-btn.play{background:#81c784;border-color:#81c784}.control-btn.pause{background:#ffb74d;border-color:#ffb74d}.control-btn.reset{background:#e57373;border-color:#e57373}.infographic-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:40px}.workflow-diagram{position:relative;background:#ffffff1a;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.workflow-step{position:relative;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;margin:20px 0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:80px}.workflow-step:hover{background:#fff3;transform:translate(10px);border-color:var(--step-color)}.workflow-step.active{background:var(--step-color);border-color:var(--step-color);transform:translate(15px);box-shadow:0 8px 25px #0003}.workflow-step.active .step-content h3,.workflow-step.active .step-content p{color:#fff}.workflow-step.completed{background:#4caf5033;border-color:#4caf50}.step-icon{font-size:2.5em;flex-shrink:0}.step-content{flex:1}.step-content h3{margin:0 0 8px;font-size:1.3em;font-weight:600;color:#2c3e50}.step-content p{margin:0;font-size:1em;opacity:.9;color:#34495e}.step-number{background:#fff3;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;flex-shrink:0}.workflow-step.active .step-number{background:#ffffff4d}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{transition:all .5s ease}.connection-line.active{stroke-dasharray:0;animation:flow 2s ease-in-out infinite}@keyframes flow{0%{stroke-dashoffset:0}50%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.step-details{display:flex;flex-direction:column}.step-detail-card{background:#ffffff1a;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);height:fit-content}.detail-header{padding:30px;display:flex;align-items:center;gap:20px;color:#fff}.detail-icon{font-size:3em;flex-shrink:0}.detail-header h2{margin:0 0 8px;font-size:1.8em;font-weight:600}.detail-header p{margin:0;font-size:1.1em;opacity:.9}.detail-content{padding:30px;background:#ffffff0d}.detail-content h3{margin:0 0 20px;font-size:1.3em;color:#fff}.detail-content ul{list-style:none;padding:0;margin:0 0 30px}.detail-content li{border-bottom:1px solid rgba(255,255,255,.1);position:relative;padding:10px 0 10px 25px}.detail-content li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.detail-content li:last-child{border-bottom:none}.detail-actions{display:flex;gap:15px;flex-wrap:wrap}.action-btn{padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease;flex:1;min-width:120px}.action-btn.primary{background:#2196f3;color:#fff}.action-btn.primary:hover{background:#1976d2;transform:translateY(-2px)}.action-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.action-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.infographic-footer{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.progress-indicator{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;background:#fff;padding:15px 20px;border-radius:25px;box-shadow:0 2px 8px #0000001a}.progress-dot{width:15px;height:15px;border-radius:50%;background:#0003;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.progress-dot:hover{background:#0000004d;transform:scale(1.2)}.progress-dot.active{background:#2196f3;transform:scale(1.3)}.progress-dot.completed{background:#4caf50}.workflow-summary{background:#ffffff1a;border-radius:15px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.workflow-summary h3{margin:0 0 20px;font-size:1.5em;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:#ffffff1a;border-radius:10px;transition:all .3s ease}.benefit-item:hover{background:#fff3;transform:translateY(-5px)}.benefit-icon{font-size:2em;margin-bottom:10px}.benefit-item span:last-child{font-size:.9em;font-weight:500}@media (max-width: 1200px){.infographic-content{grid-template-columns:1fr;gap:30px}.workflow-diagram{order:2}.step-details{order:1}}@media (max-width: 768px){.infographic-container{padding:20px}.workflow-step{flex-direction:column;text-align:center;padding:15px}.workflow-step:hover{transform:translateY(-5px)}.workflow-step.active{transform:translateY(-8px)}.detail-actions{flex-direction:column}.infographic-footer{grid-template-columns:1fr;gap:30px}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.benefits-grid{grid-template-columns:1fr}.workflow-step{margin:15px 0}.step-icon{font-size:2em}.detail-header{flex-direction:column;text-align:center}}@media (prefers-color-scheme: dark){.infographic-container{background:#1a1a1a;color:#e0e0e0}.infographic-header h1{color:#e0e0e0}.infographic-header p{color:#b0b0b0}.control-btn{background:#3d3d3d;border-color:#64b5f6;color:#e0e0e0}.control-btn:hover{background:#4d4d4d;border-color:#64b5f6}.control-btn.play{background:#4caf50;border-color:#4caf50;color:#fff}.control-btn.pause{background:#ff9800;border-color:#ff9800;color:#fff}.workflow-diagram{background:#2d2d2d;border-color:#404040}.workflow-step{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.workflow-step:hover{background:#4d4d4d;border-color:#64b5f6}.workflow-step.active{background:#2196f3;border-color:#2196f3;color:#fff}.workflow-step.completed{background:#2d4d2d;border-color:#4caf50}.step-content h3{color:#e0e0e0}.step-content p{color:#b0b0b0;opacity:1}.workflow-step.active .step-content h3,.workflow-step.active .step-content p{color:#fff}.workflow-step.completed .step-content h3{color:#e0e0e0}.workflow-step.completed .step-content p{color:#b0b0b0}.step-number{background:#404040;color:#e0e0e0}.workflow-step.active .step-number{background:#ffffff4d;color:#fff}.step-detail-card{background:#2d2d2d;border-color:#404040}.detail-header,.detail-header h2{color:#e0e0e0}.detail-header p{color:#b0b0b0}.detail-content{background:#3d3d3d}.detail-content h3{color:#e0e0e0}.detail-content li{color:#e0e0e0;border-bottom-color:#404040}.action-btn.secondary{background:#3d3d3d;border-color:#64b5f6;color:#64b5f6}.action-btn.secondary:hover{background:#4d4d4d;border-color:#64b5f6}.progress-dot{background:#404040}.progress-dot:hover{background:#64b5f6}.progress-dot.active{background:#2196f3}.progress-dot.completed{background:#4caf50}.progress-indicator{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.workflow-summary{background:#2d2d2d;border-color:#404040}.workflow-summary h3{color:#e0e0e0}.benefit-item{background:#3d3d3d;border-color:#404040;color:#e0e0e0}.benefit-item:hover{background:#4d4d4d}.benefit-item span:last-child{color:#e0e0e0}}:root[data-theme=dark] .infographic-container,:root.dark-mode .infographic-container{background:#1a1a1a;color:#e0e0e0}:root[data-theme=dark] .infographic-header h1,:root.dark-mode .infographic-header h1{color:#e0e0e0}:root[data-theme=dark] .infographic-header p,:root.dark-mode .infographic-header p{color:#b0b0b0}:root[data-theme=dark] .control-btn,:root.dark-mode .control-btn{background:#3d3d3d;border-color:#64b5f6;color:#e0e0e0}:root[data-theme=dark] .control-btn:hover,:root.dark-mode .control-btn:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .control-btn.play,:root.dark-mode .control-btn.play{background:#4caf50;border-color:#4caf50;color:#fff}:root[data-theme=dark] .control-btn.pause,:root.dark-mode .control-btn.pause{background:#ff9800;border-color:#ff9800;color:#fff}:root[data-theme=dark] .workflow-diagram,:root.dark-mode .workflow-diagram{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .workflow-step,:root.dark-mode .workflow-step{background:#2d2d2d;border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .workflow-step:hover,:root.dark-mode .workflow-step:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .workflow-step.active,:root.dark-mode .workflow-step.active{background:#2196f3;border-color:#2196f3;color:#fff}:root[data-theme=dark] .workflow-step.completed,:root.dark-mode .workflow-step.completed{background:#2d4d2d;border-color:#4caf50}:root[data-theme=dark] .step-content h3,:root.dark-mode .step-content h3{color:#e0e0e0}:root[data-theme=dark] .step-content p,:root.dark-mode .step-content p{color:#b0b0b0;opacity:1}:root[data-theme=dark] .workflow-step.active .step-content h3,:root.dark-mode .workflow-step.active .step-content h3,:root[data-theme=dark] .workflow-step.active .step-content p,:root.dark-mode .workflow-step.active .step-content p{color:#fff}:root[data-theme=dark] .workflow-step.completed .step-content h3,:root.dark-mode .workflow-step.completed .step-content h3{color:#e0e0e0}:root[data-theme=dark] .workflow-step.completed .step-content p,:root.dark-mode .workflow-step.completed .step-content p{color:#b0b0b0}:root[data-theme=dark] .step-number,:root.dark-mode .step-number{background:#404040;color:#e0e0e0}:root[data-theme=dark] .workflow-step.active .step-number,:root.dark-mode .workflow-step.active .step-number{background:#ffffff4d;color:#fff}:root[data-theme=dark] .step-detail-card,:root.dark-mode .step-detail-card{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .detail-header,:root.dark-mode .detail-header{color:#e0e0e0}:root[data-theme=dark] .detail-header h2,:root.dark-mode .detail-header h2{color:#e0e0e0}:root[data-theme=dark] .detail-header p,:root.dark-mode .detail-header p{color:#b0b0b0}:root[data-theme=dark] .detail-content,:root.dark-mode .detail-content{background:#3d3d3d}:root[data-theme=dark] .detail-content h3,:root.dark-mode .detail-content h3{color:#e0e0e0}:root[data-theme=dark] .detail-content li,:root.dark-mode .detail-content li{color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .action-btn.secondary,:root.dark-mode .action-btn.secondary{background:#3d3d3d;border-color:#64b5f6;color:#64b5f6}:root[data-theme=dark] .action-btn.secondary:hover,:root.dark-mode .action-btn.secondary:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .progress-dot,:root.dark-mode .progress-dot{background:#555;border:1px solid rgba(255,255,255,.1)}:root[data-theme=dark] .progress-dot:hover,:root.dark-mode .progress-dot:hover{background:#64b5f6}:root[data-theme=dark] .progress-dot.active,:root.dark-mode .progress-dot.active{background:#2196f3}:root[data-theme=dark] .progress-dot.completed,:root.dark-mode .progress-dot.completed{background:#4caf50}:root[data-theme=dark] .progress-indicator,:root.dark-mode .progress-indicator{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .workflow-summary,:root.dark-mode .workflow-summary{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .workflow-summary h3,:root.dark-mode .workflow-summary h3{color:#e0e0e0}:root[data-theme=dark] .benefit-item,:root.dark-mode .benefit-item{background:#3d3d3d;border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .benefit-item:hover,:root.dark-mode .benefit-item:hover{background:#4d4d4d}:root[data-theme=dark] .benefit-item span:last-child,:root.dark-mode .benefit-item span:last-child{color:#e0e0e0}.comc-page{padding:40px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center}.comc-header{text-align:center;margin-bottom:60px;color:#2c3e50;width:100%}.comc-header-text{display:flex;flex-direction:column;align-items:center;gap:20px}.comc-title-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.comc-header h1{font-size:4em;margin:0;font-weight:300;color:#2c3e50}.comc-header p{font-size:1.5em;margin:0;color:#7f8c8d;font-weight:300}.how-it-works-btn{background:#fff;color:#2196f3;border:2px solid #e9ecef;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.how-it-works-btn:hover{background:#f0f8ff;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.comc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(15px,2vw,25px);width:100%;max-width:600px;margin:0 auto 40px;padding:0 clamp(10px,2vw,20px);aspect-ratio:1 / 1}.comc-card{background:#fff;border:2px solid #e9ecef;padding:clamp(15px,2vw,20px);border-radius:clamp(10px,2vw,12px);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center}.comc-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#2196f3;background:#f0f8ff}.card-icon{font-size:clamp(2em,4vw,2.5em);margin-bottom:clamp(8px,1.5vw,12px);display:block}.comc-card h2{color:#2c3e50;margin:0 0 clamp(6px,1vw,10px) 0;font-size:clamp(1.2em,2.5vw,1.5em);font-weight:600}.comc-card p{color:#7f8c8d;margin:0 0 clamp(10px,1.5vw,12px) 0;font-size:clamp(.8em,2vw,.95em);line-height:1.4}.card-status{display:inline-block;background:#e8f5e8;color:#2e7d32;padding:clamp(4px,1vw,6px) clamp(10px,2vw,12px);border-radius:clamp(12px,2vw,15px);font-size:clamp(.7em,1.5vw,.8em);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:auto}@media (max-width: 768px){.comc-grid{max-width:500px;gap:clamp(10px,2vw,15px)}}@media (max-width: 480px){.comc-grid{max-width:350px;gap:12px}}@media (min-width: 1400px){.comc-grid{max-width:600px}}.comc-footer{text-align:center;color:#fff;opacity:.8}.comc-footer p{font-size:1.2em;margin:0}@media (max-width: 768px){.comc-grid{grid-template-columns:1fr;gap:20px}.comc-header h1{font-size:3em}.comc-page{padding:20px}.comc-title-row{flex-direction:column;gap:15px}.how-it-works-btn{font-size:.9em;padding:10px 20px}}.infographic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.infographic-modal-content{position:relative;background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.infographic-modal-close{position:absolute;top:15px;right:15px;background:transparent;color:#666;border:none;border-radius:4px;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-weight:300}.infographic-modal-close:hover{color:#2196f3!important;transform:none!important}.infographic-modal-content .infographic-container{margin:0;padding:20px;max-height:95vh;overflow-y:auto}@media (prefers-color-scheme: dark){.comc-page{background:#1a1a1a}.comc-header,.comc-header h1{color:#e0e0e0}.comc-header p{color:#b0b0b0}.how-it-works-btn{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}.how-it-works-btn:hover{background:#4d4d4d!important;border-color:#64b5f6!important}.comc-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}.comc-card:hover{background:#3d3d3d;border-color:#64b5f6;box-shadow:0 8px 25px #64b5f633}.comc-card h2{color:#e0e0e0}.comc-card p{color:#b0b0b0}.card-status{background:#2d4d2d;color:#81c784}.comc-footer{color:#b0b0b0}.infographic-modal-overlay{background:#000000d9}.infographic-modal-content{background:#2d2d2d;box-shadow:0 20px 60px #0009}.infographic-modal-close{color:#b0b0b0}.infographic-modal-close:hover{color:#64b5f6!important;background:#64b5f61a}.infographic-modal-content .infographic-container{background:#1a1a1a;color:#e0e0e0}}:root[data-theme=dark] .comc-page,:root.dark-mode .comc-page{background:#1a1a1a}:root[data-theme=dark] .comc-header,:root.dark-mode .comc-header{color:#e0e0e0}:root[data-theme=dark] .comc-header h1,:root.dark-mode .comc-header h1{color:#e0e0e0}:root[data-theme=dark] .comc-header p,:root.dark-mode .comc-header p{color:#b0b0b0}:root[data-theme=dark] .how-it-works-btn,:root.dark-mode .how-it-works-btn{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}:root[data-theme=dark] .how-it-works-btn:hover,:root.dark-mode .how-it-works-btn:hover{background:#4d4d4d!important;border-color:#64b5f6!important}:root[data-theme=dark] .comc-card,:root.dark-mode .comc-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .comc-card:hover,:root.dark-mode .comc-card:hover{background:#3d3d3d;border-color:#64b5f6;box-shadow:0 8px 25px #64b5f633}:root[data-theme=dark] .comc-card h2,:root.dark-mode .comc-card h2{color:#e0e0e0}:root[data-theme=dark] .comc-card p,:root.dark-mode .comc-card p{color:#b0b0b0}:root[data-theme=dark] .card-status,:root.dark-mode .card-status{background:#2d4d2d;color:#81c784}:root[data-theme=dark] .comc-footer,:root.dark-mode .comc-footer{color:#b0b0b0}:root[data-theme=dark] .infographic-modal-overlay,:root.dark-mode .infographic-modal-overlay{background:#000000d9}:root[data-theme=dark] .infographic-modal-content,:root.dark-mode .infographic-modal-content{background:#2d2d2d;box-shadow:0 20px 60px #0009}:root[data-theme=dark] .infographic-modal-close,:root.dark-mode .infographic-modal-close{color:#b0b0b0}:root[data-theme=dark] .infographic-modal-close:hover,:root.dark-mode .infographic-modal-close:hover{color:#64b5f6!important;background:#64b5f61a}:root[data-theme=dark] .infographic-modal-content .infographic-container,:root.dark-mode .infographic-modal-content .infographic-container{background:#1a1a1a;color:#e0e0e0}.check-page{padding:40px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px)}.tab-navigation{display:flex;gap:10px;margin:30px 0 0;padding-bottom:0;background:#f8f9fa;padding-top:10px;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #e9ecef;background:#fff;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:600;color:#2196f3;transition:all .3s ease;white-space:nowrap;min-width:120px;justify-content:center;box-shadow:0 2px 4px #0000001a;flex:1}.tab-button:last-child{border-right:2px solid #e9ecef}.tab-button:hover:not(.active){background:#f0f8ff;color:#2196f3;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tab-button.active{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.tab-button.active:hover{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d!important}.tab-content{background:#fff;border-radius:0 0 8px 8px;padding:0;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000001a;min-height:400px;margin-bottom:30px}.tab-icon{font-size:16px}.tab-name{font-weight:500}.tab-panel{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-ready-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e8f5e8;border:1px solid #28a745;border-radius:8px;margin:15px 0;color:#155724;font-weight:500}.no-data-indicator{display:flex;align-items:center;gap:10px;padding:20px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:20px 0;color:#6c757d;text-align:center;justify-content:center}.no-data-icon{font-size:24px}.no-data-text{font-size:14px;font-style:italic}.ready-icon{font-size:18px}.ready-text{font-size:14px}.data-indicator{font-size:12px;color:#28a745;font-weight:400;margin-left:8px}.action-button:disabled{opacity:.6;cursor:not-allowed;background:#6c757d}.action-button:disabled:hover{background:#6c757d;transform:none}.action-button.small{padding:6px 12px;font-size:12px;margin-left:10px;min-width:auto}.action-button.small.secondary{background:#6c757d;color:#fff}.action-button.small.secondary:hover{background:#5a6268}.summary-item{display:flex;align-items:center;gap:10px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:200px}.summary-item.valid{border-left:4px solid #28a745}.summary-item.invalid{border-left:4px solid #dc3545}.summary-icon{font-size:20px}.summary-text{font-weight:500;color:#2c3e50;flex:1}.validation-summary{display:flex;gap:20px;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px}.stat-item{text-align:center;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:100px}.stat-item.valid{border-left:4px solid #28a745}.stat-item.invalid{border-left:4px solid #dc3545}.stat-number{display:block;font-size:2em;font-weight:700;color:#2c3e50}.stat-label{display:block;font-size:.9em;color:#6c757d;margin-top:5px}.validation-details{margin-top:20px}.records-list{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:8px}.record-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dee2e6;gap:16px}.record-item:last-child{border-bottom:none}.record-item.valid{background:#f8fff9;border-left:4px solid #28a745}.record-item.invalid{background:#fff8f8;border-left:4px solid #dc3545}.record-id{font-weight:700;color:#6c757d;min-width:40px}.record-data{flex:1;font-family:monospace;font-size:.9em}.record-status{font-weight:700;min-width:100px}.record-errors{color:#dc3545;font-size:.85em;font-style:italic}.more-records{text-align:center;padding:10px;color:#6c757d;font-style:italic}.database-actions{display:flex;gap:15px;margin-bottom:20px}.database-management-actions{display:flex;gap:15px;margin:15px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.database-content{margin-top:20px}.data-table{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;margin-top:15px}.table-header{display:grid;grid-template-columns:60px 1fr 120px 150px 120px 60px 80px 140px;background:#f8f9fa;font-weight:700;font-size:.9em;color:#495057}.table-header.ad-records{grid-template-columns:60px 200px 120px 150px 120px 60px 80px 140px;min-width:1000px}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.records-header h4{margin:0}.show-all-toggle{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.show-all-toggle:hover{background-color:#0056b3}.show-all-toggle.active{background-color:#28a745}.show-all-toggle.active:hover{background-color:#1e7e34}.pagination-message{text-align:center;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:1rem;color:#6c757d;font-style:italic}.table-row.ad-records{display:grid;grid-template-columns:60px 200px 120px 150px 120px 60px 80px 140px;min-width:1000px;border-bottom:1px solid #dee2e6}.table-row.ad-records>div{padding:10px 8px;border-right:1px solid #dee2e6;color:#333;font-size:.9em}.table-row.ad-records>div:last-child{border-right:none}.table-header>div{padding:12px 10px;border-right:1px solid #dee2e6}.table-header.combined>div{padding:12px 10px;border-right:1px solid #dee2e6;font-size:.9em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-header>div:last-child{border-right:none}.table-body{display:block}.table-row{display:grid;grid-template-columns:60px 1fr 120px 150px 120px 60px 80px 140px;border-bottom:1px solid #dee2e6;font-size:.85em}.table-row:hover{background:#f8f9fa}.table-row>div{padding:10px 8px;border-right:1px solid #dee2e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row>div:last-child{border-right:none}.col-group{font-family:monospace;font-size:.8em}.critical-badge{padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:700}.critical-badge.critical{background:#dc3545;color:#fff}.critical-badge.normal{background:#6c757d;color:#fff}.table-footer{padding:10px;text-align:center;background:#f8f9fa;color:#6c757d;font-size:.85em}.template-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.template-button{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .3s ease;text-align:left}.template-button:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.validation-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.rule-section{background:#fff;padding:20px;border-radius:8px;border:1px solid #dee2e6}.rule-section h4{color:#007bff;margin-bottom:15px;font-size:1.1em}.rule-section ul{list-style:none;padding:0;margin:0}.rule-section li{padding:8px 0;border-bottom:1px solid #f8f9fa;font-size:.9em}.rule-section li:last-child{border-bottom:none}.maintenance-actions{display:flex;gap:15px;margin-bottom:20px}.action-button.danger{background:#dc3545;color:#fff}.action-button.danger:hover{background:#c82333}.status-display{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px}.status-display h4{margin-bottom:10px;color:#495057}.status-text{font-family:monospace;background:#fff;padding:10px;border-radius:4px;border:1px solid #dee2e6;margin:0;word-break:break-all}.check-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%;margin:0 auto}.check-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #2196F3;display:flex;flex-direction:column;height:100%}.import-card{border-left:5px solid #2196F3;padding:30px;height:100%;display:flex;flex-direction:column}.saved-data-card{grid-column:1 / -1;margin-top:20px}.check-card h3{color:#2c3e50;margin:0 0 15px;font-size:1.5em;font-weight:600}.check-card p{color:#7f8c8d;margin:0 0 25px;line-height:1.5}.validation-stats{margin-bottom:25px}.stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ecf0f1}.stat:last-child{border-bottom:none}.stat .label{color:#2c3e50;font-weight:500;min-width:140px;display:inline-block}.stat .value{font-weight:700;font-size:1.2em}.stat .value.valid{color:#4caf50}.stat .value.invalid{color:#e74c3c}.analysis-results{margin-bottom:25px}.result-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.result-item .icon{font-size:1.2em}.compliance-status{margin-bottom:25px}.status-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.status-icon{font-size:1.2em}.check-card .action-button{margin-top:auto}.import-stats{margin-bottom:25px}.import-button{background:#fff;color:#2196f3;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s;border:2px solid #e9ecef;display:block;width:200px;text-align:center;box-shadow:0 2px 4px #0000001a;margin:0 auto 8px}.import-button:last-child{margin-bottom:0}.import-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#2196f3;background:#f0f8ff}.saved-data-stats{margin:25px 0}.data-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.summary-item{display:flex;align-items:center;gap:12px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.summary-icon{font-size:1.8em;opacity:.8}.summary-content{display:flex;flex-direction:column;gap:4px}.summary-label{color:#6c757d;font-size:.9em;font-weight:500}.summary-value{color:#2c3e50;font-size:1.4em;font-weight:700}.saved-data-button{background:linear-gradient(135deg,#6f42c1,#5a32a3);width:100%}.saved-data-button:hover{box-shadow:0 4px 12px #6f42c14d}@media (max-width: 768px){.check-sections{grid-template-columns:repeat(2,1fr)}.check-page{padding:20px}}.data-type-selector{margin-bottom:20px}.data-type-selector h4{color:#2c3e50;margin-bottom:20px;text-align:center;font-size:1.2em}.data-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.data-type-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.data-type-option:hover{border-color:#2196f3;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 12px #2196f333}.data-type-option h5{color:#2196f3;margin:0 0 8px;font-size:1em;font-weight:600}.data-type-option p{color:#6c757d;margin:0 0 15px;font-size:.85em;line-height:1.4}.data-type-actions{display:flex;flex-direction:column;gap:8px}.data-type-button{background:#fff;color:#2196f3;border:2px solid #e9ecef;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85em;transition:all .3s ease;width:100%}.data-type-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;border-color:#2196f3;background:#f0f8ff}.data-type-button.secondary{background:#f8f9fa;color:#6c757d}.data-type-button.secondary:hover{background:#e9ecef;color:#495057;border-color:#dee2e6}.back-button-small{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .3s ease;width:100%}.back-button-small:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.import-status{background:#e3f2fd;border:1px solid #2196F3;border-radius:6px;padding:10px;margin-bottom:15px;color:#1976d2;font-size:.9em;text-align:center;font-weight:500}.action-button:disabled{background:#f5f5f5;color:#9e9e9e;border-color:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.action-button:disabled:hover{background:#f5f5f5;color:#9e9e9e;border-color:#e0e0e0;transform:none;box-shadow:none}.import-actions{display:flex;flex-direction:column;gap:15px}.action-button.secondary{background:transparent;color:#2196f3;border-color:#2196f3;border-width:2px}.action-button.secondary:hover{background:#f0f8ff;color:#1976d2;border-color:#1976d2}.action-button.primary{background:#2196f3;color:#fff;border-color:#2196f3;font-weight:700}.action-button.primary:hover{background:#1976d2;border-color:#1976d2;box-shadow:0 4px 12px #2196f366}.data-display{grid-column:1 / -1;margin-top:20px}.data-table-container{max-height:400px;overflow-y:auto;overflow-x:auto;margin:20px 0;border:1px solid #e9ecef;border-radius:8px;width:100%}.data-table{min-width:100%;border-collapse:collapse;font-size:.9em}.data-table .table-header.combined,.data-table .table-row.combined{width:100%;max-width:100%}.data-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #dee2e6;position:sticky;top:0}.data-table td{padding:10px 8px;border-bottom:1px solid #e9ecef;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:hover{background:#f8f9fa}.data-note{text-align:center;color:#6c757d;font-style:italic;margin:10px 0;font-size:.9em}.validation-results{grid-column:1 / -1;margin-top:20px}.validation-summary{display:flex;gap:20px;margin:20px 0;justify-content:center}.summary-item{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600}.summary-item.valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.summary-item.invalid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.summary-icon{font-size:1.2em}.validation-warning{display:flex;align-items:center;gap:8px;padding:10px 15px;margin-top:10px;background:#fff3cd;color:#856404;border:1px solid #ffeaa7;border-radius:6px;font-size:.9em;font-weight:500}.warning-icon{font-size:1.1em}.warning-text{flex:1}.validation-table-container{max-height:400px;overflow-y:auto;margin:20px 0;border:1px solid #e9ecef;border-radius:8px}.validation-table{width:100%;border-collapse:collapse;font-size:.9em}.validation-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #dee2e6;position:sticky;top:0}.validation-table td{padding:10px 8px;border-bottom:1px solid #e9ecef;vertical-align:top}.valid-row{background:#f8fff9}.invalid-row{background:#fff8f8}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase}.error-list{margin:0;padding-left:16px;color:#dc3545;font-size:.85em}.error-list li{margin:2px 0}.no-errors{color:#28a745;font-style:italic;font-size:.85em}.validation-note{text-align:center;color:#6c757d;font-style:italic;margin:10px 0;font-size:.9em}.validation-actions{text-align:center;margin-top:20px}.validation-actions .validation-note{margin-top:10px;font-size:.85em;color:#6c757d}.store-stats,.download-stats{margin-bottom:20px}.store-actions,.download-actions,.analysis-actions{text-align:center;margin-top:20px}.action-note{margin-top:10px;font-size:.85em;color:#6c757d;font-style:italic}@media (max-width: 768px){.data-type-grid{grid-template-columns:1fr}}@media (max-width: 480px){.check-sections{grid-template-columns:1fr}}.database-sub-tabs{display:flex;background:#f8f9fa;border-radius:8px;padding:4px;margin-bottom:20px;border:1px solid #dee2e6}.database-sub-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .3s ease;text-align:center}.database-sub-tab:hover{background:#e9ecef;color:#495057}.database-sub-tab.active{background:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.type-badge{padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase}.type-badge.ad{background:#007bff;color:#fff}.type-badge.hr{background:#28a745;color:#fff}.type-badge.combined{background:#6c757d;color:#fff;font-size:12px}.data-table{overflow-x:auto;max-width:100%;width:100%;background:#fff}.data-table:has(.table-header.combined){min-width:4250px}.data-table:has(.table-header.ad-records){min-width:1000px}.data-table:has(.table-header.hr){min-width:1000px}.table-header.combined{display:grid;grid-template-columns:60px 200px 120px 150px 120px 60px 80px 150px 150px 150px 100px 100px 120px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 100px 500px;min-width:4250px}.table-row.combined{display:grid;grid-template-columns:60px 200px 120px 150px 120px 60px 80px 150px 150px 150px 100px 100px 120px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px 100px 500px;min-width:4250px;border-bottom:1px solid #dee2e6}.table-row.combined>div{padding:12px 10px;border-right:1px solid #dee2e6;color:#333;font-size:.95em;line-height:1.4}.table-row.combined>div:last-child{border-right:none}.table-header.hr{display:grid;grid-template-columns:60px 120px 150px 150px 120px 100px 100px 140px;min-width:1000px}.table-row.hr{display:grid;grid-template-columns:60px 120px 150px 150px 120px 100px 100px 140px;min-width:1000px;border-bottom:1px solid #dee2e6}.table-row.hr>div{padding:10px 8px;border-right:1px solid #dee2e6;color:#333;font-size:.9em}.table-row.hr>div:last-child{border-right:none}.col-type{text-align:center;font-weight:700}.col-department,.col-jobrole,.col-division,.col-leavedate,.col-departmentsimple,.col-domain,.col-packagestatus,.col-packagereadiness,.col-teststatus,.col-testreadiness,.col-testresult,.col-testingplandate,.col-applicationnew,.col-applicationsuitenew,.col-willbe,.col-inscopeoutscope,.col-platform,.col-migrationreadiness,.col-migrationcluster,.col-migrationclusterreadiness,.col-importdate{font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-importdate{font-size:.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.col-importset{font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:500px;font-family:monospace}.table-header.combined .col-importset{white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;min-width:200px!important;width:200px!important;max-width:none!important}.table-header.combined>div{padding:12px 10px;border-right:1px solid #dee2e6;font-size:.9em;font-weight:700}.data-source{color:#6c757d;font-size:.9em;font-style:italic;margin-bottom:15px}.simple-filter{display:flex;gap:10px;align-items:center;margin:15px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.filter-search{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;min-width:200px}.filter-search:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-actions{display:flex;gap:8px}.filter-clear{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.filter-clear:hover{background:#5a6268}.no-data-message{padding:40px 20px;text-align:center;color:#6c757d;font-style:italic;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:10px;display:block;width:100%}.problematic-records-section{margin-top:20px;padding:20px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.problematic-records-title{font-weight:700;color:#856404;margin-bottom:10px}.problematic-records-count{color:#856404;margin-bottom:15px}.download-problematic-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:10px;transition:background .3s}.download-problematic-btn:hover{background:#c82333}.download-help{font-size:.9em;color:#856404;margin:0;font-style:italic}.database-header{margin-bottom:20px}.database-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;flex-wrap:wrap}.search-controls{display:flex;gap:10px;align-items:center;flex:1;min-width:300px}.filter-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:14px;color:#495057;min-width:150px;cursor:pointer;transition:border-color .3s,box-shadow .3s}.filter-select:hover{border-color:#007bff}.validation-results{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.validation-results h4{margin:0 0 15px;color:#2c3e50;font-size:1.2em}.validation-errors{margin-bottom:15px;padding:15px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px}.validation-errors h5{margin:0 0 10px;color:#721c24;font-size:1em}.validation-warnings{margin-bottom:15px;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.validation-warnings h5{margin:0 0 10px;color:#856404;font-size:1em}.validation-errors ul,.validation-warnings ul{margin:0;padding-left:20px}.validation-errors li,.validation-warnings li{margin-bottom:5px;color:#721c24}.validation-warnings li{color:#856404}.validation-sample{margin-bottom:15px}.validation-sample h5{margin:0 0 10px;color:#2c3e50;font-size:1em}.sample-data-table{overflow-x:auto;border:1px solid #dee2e6;border-radius:6px}.sample-data-table table{width:100%;border-collapse:collapse;font-size:12px}.sample-data-table th,.sample-data-table td{padding:8px;text-align:left;border-bottom:1px solid #dee2e6}.sample-data-table th{background:#e9ecef;font-weight:600;color:#495057}.sample-data-table td{color:#6c757d;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validation-status{margin-top:15px;padding:10px;border-radius:6px;text-align:center}.validation-success{margin:0;color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:6px;font-weight:600}.validation-error{margin:0;color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:6px;font-weight:600}.search-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;min-width:200px}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.search-button:hover:not(:disabled){background:#0056b3}.search-button:disabled{background:#6c757d;cursor:not-allowed}.pagination-controls{display:flex;gap:10px;align-items:center}.page-size-select,.sort-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.sort-order-button{padding:8px 12px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.sort-order-button:hover{background:#5a6268}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.pagination-info{color:#6c757d;font-size:14px}.pagination-buttons{display:flex;gap:8px;align-items:center}.pagination-button{padding:8px 12px;background:#fff;color:#007bff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.pagination-button:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-button:disabled{background:#f8f9fa;color:#6c757d;border-color:#dee2e6;cursor:not-allowed}.pagination-page{padding:8px 12px;font-weight:500;color:#495057}.table-footer{text-align:center;padding:20px;color:#6c757d;font-style:italic}.progress-indicator{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-phase{font-weight:500;color:#495057;font-size:14px}.progress-count{font-weight:600;color:#007bff;font-size:14px;background:#e3f2fd;padding:4px 8px;border-radius:4px}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@media (max-width: 768px){.database-controls{flex-direction:column;align-items:stretch}.search-controls{min-width:auto}.filter-controls{flex-direction:column;align-items:stretch}.filter-select{min-width:auto;width:100%}.pagination{flex-direction:column;gap:15px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.check-content{padding:20px}.check-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.check-header h2{margin:0;color:#2c3e50;font-size:28px}.check-filters{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#495057;font-size:14px}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:14px;color:#495057;min-width:200px;cursor:pointer}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.check-actions{display:flex;gap:10px}.loading-message{text-align:center;padding:40px;color:#6c757d;font-size:18px}.no-data-message{text-align:center;padding:40px;background:#2d2d2d!important;border-radius:8px;margin:20px 0;border:2px dashed #404040!important}.no-data-message h3{color:#e0e0e0!important;margin-bottom:10px;font-size:18px}.no-data-message p{color:#b0b0b0!important;font-size:14px;margin:0}.loading-message{color:#b0b0b0!important}.check-dashboard{display:flex;flex-direction:column;gap:30px}.analysis-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef}.analysis-card h3{margin:0 0 20px;color:#2c3e50;font-size:20px;border-bottom:2px solid #f8f9fa;padding-bottom:10px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.metric-card.danger{border-color:#dc3545;background:#fff5f5}.metric-card.warning{border-color:#ffc107;background:#fffbf0}.metric-card.success{border-color:#28a745;background:#f0fff4}.metric-card.info{border-color:#17a2b8;background:#f0f8ff}.metric-card .metric-value,.check-dashboard .metric-value,.analysis-card .metric-value{font-size:48px!important;font-weight:700;color:#2c3e50;margin-bottom:8px}.metric-label{font-size:14px;font-weight:600;color:#6c757d;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.metric-description{font-size:12px;color:#868e96;margin-bottom:15px;line-height:1.4}.ad-groups-count{font-size:16px;color:#2c3e50;font-weight:600;margin:8px 0;padding:8px 12px;background:#2c3e501a;border-radius:6px;border-left:3px solid #2c3e50}.ad-groups-count .percentage{color:#6c757d;font-weight:500;font-size:13px;margin-left:8px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(44,62,80,.1)}.breakdown-row:last-of-type{border-bottom:none}.breakdown-label{font-size:13px;color:#495057;font-weight:500}.breakdown-value{font-size:13px;color:#2c3e50;font-weight:600}.breakdown-total{margin-top:8px;padding-top:8px;border-top:2px solid rgba(44,62,80,.2);font-size:14px;color:#2c3e50;font-weight:600}.metric-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .3s ease}.metric-button:hover{background:#0056b3}.check-footer{text-align:center;padding:20px;color:#6c757d;font-size:14px;border-top:1px solid #e9ecef;margin-top:20px}.mismatch-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.modal-header h3{margin:0;color:#2c3e50}.close-button{background:#2196f3;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#1976d2}.modal-body{padding:25px;max-height:60vh;overflow-y:auto}.mismatch-detail-list h4{margin:0 0 20px;color:#2c3e50;font-size:18px}.table-container{overflow-x:auto}.table-container table{width:100%;border-collapse:collapse;font-size:14px}.table-container th,.table-container td{padding:12px 8px;text-align:left;border-bottom:1px solid #e9ecef}.table-container th{background:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0}.table-container tr:hover{background:#f8f9fa}.table-footer{text-align:center;padding:15px;color:#6c757d;font-size:14px;font-style:italic;border-top:1px solid #e9ecef;margin-top:10px}.explanation-box{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.explanation-box h5{color:#0c5460;margin:0 0 15px;font-size:16px;font-weight:600}.explanation-box ul{margin:0 0 15px;padding-left:20px}.explanation-box li{margin-bottom:8px;color:#495057;line-height:1.5}.explanation-box p{margin:0;color:#495057;font-style:italic}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#2c3e50;font-size:14px}.filter-select,.filter-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff}.filter-group span{text-align:center;color:#6c757d;font-size:14px;margin:0 5px}.audit-table-container{margin:20px 0;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 10px #0000001a}.audit-table{width:100%;border-collapse:collapse;background:#fff;table-layout:auto;min-width:800px}.audit-table th{background:#2c3e50;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}.audit-table th:nth-child(3){min-width:150px}.audit-table th:nth-child(4){min-width:200px}.audit-table th:nth-child(5){min-width:300px}.audit-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:top}.audit-table td:nth-child(3){white-space:nowrap!important;min-width:150px!important;overflow:visible!important;text-overflow:clip!important}.audit-table td:nth-child(4){white-space:normal!important;max-width:300px!important;word-wrap:break-word!important}.audit-table td:nth-child(5){white-space:normal!important;max-width:400px!important;word-wrap:break-word!important}.audit-table tbody tr:hover{background:#f8f9fa}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.testmgr{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.role-badge.packagemgr{background:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.role-badge.implementationmgr{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.role-badge.admin{background:#fff3e0;color:#ef6c00;border:1px solid #ffcc02}.role-badge.projectmanager{background:#fce4ec;color:#c2185b;border:1px solid #f8bbd9}.status-success{color:#28a745;font-weight:600}.status-info{color:#17a2b8;font-weight:600}.status-error{color:#dc3545;font-weight:600}.audit-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:20px 0}.audit-summary h4{color:#2c3e50;margin:0 0 15px;font-size:1.1em;font-weight:600}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:14px}.summary-icon{font-size:18px}.audit-actions{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.combined-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;flex-wrap:wrap}.combined-header h4{margin:0;flex:1;min-width:0}.view-controls{display:flex;align-items:center;gap:15px;margin:15px 0;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.performance-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#856404;font-size:14px;line-height:1.4}.search-results-info{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:12px 16px;margin-bottom:15px;color:#004085;font-size:14px;font-weight:500}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px}.pagination-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}.merge-section{margin-top:20px;border-left:4px solid #f39c12}.merge-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.5em}.merge-section p{color:#7f8c8d;margin-bottom:25px;line-height:1.6}.merge-button{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #f39c124d}.merge-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #f39c1266}.merge-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.llm-section{margin-top:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 8px 32px #667eea4d}.llm-section h3{color:#fff;margin-bottom:15px;font-size:1.5em}.llm-section p{color:#ffffffe6;margin-bottom:20px}.llm-status{background:#ffffff1a;padding:15px;border-radius:10px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-indicator{display:flex;align-items:center;gap:10px;margin-bottom:10px}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.status-dot.running{background:#4caf50;box-shadow:0 0 10px #4caf5080}.status-dot.stopped{background:#f44336;box-shadow:0 0 10px #f4433680}.status-dot.checking{background:#ff9800;animation:pulse 1.5s infinite}.status-dot.error{background:#f44336;box-shadow:0 0 10px #f4433680}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:600;font-size:1.1em}.status-message{color:#fffc;font-size:.9em;margin-bottom:5px}.status-endpoint{color:#ffffffb3;font-size:.8em;font-family:monospace}.llm-controls{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.llm-btn{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.llm-btn.start{background:#4caf50;color:#fff}.llm-btn.start:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.llm-btn.stop{background:#f44336;color:#fff}.llm-btn.stop:hover:not(:disabled){background:#da190b;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.llm-btn.refresh{background:#2196f3;color:#fff}.llm-btn.refresh:hover:not(:disabled){background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.llm-btn.analyze{background:#9c27b0;color:#fff;font-size:16px;padding:15px 25px}.llm-btn.analyze:hover:not(:disabled){background:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066}.llm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.llm-analysis-section{text-align:center;margin-bottom:20px}.analysis-note{color:#fffc;font-size:.9em;margin-top:10px;font-style:italic}.llm-analysis-result{background:#ffffff1a;padding:20px;border-radius:10px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.llm-analysis-result h4{color:#fff;margin-bottom:15px;font-size:1.2em}.analysis-content{color:#ffffffe6;line-height:1.6;text-align:left}.analysis-content p{margin-bottom:10px}.analysis-content p:last-child{margin-bottom:0}@media (max-width: 768px){.llm-controls{flex-direction:column;align-items:stretch}.llm-btn{justify-content:center}}@media (prefers-color-scheme: dark){.check-page{background:#1a1a1a}.check-card{background:#2d2d2d!important;box-shadow:0 4px 6px #0000004d;border-color:#404040!important}.check-card h3{color:#e0e0e0!important}.check-card p{color:#b0b0b0!important}.stat .label{color:#b0b0b0}.stat .value.valid{color:#81c784}.stat .value.invalid{color:#e57373}.result-item{color:#e0e0e0}.tab-navigation{background:#2d2d2d;border-bottom-color:#404040}.tab-button{background:#3d3d3d;border-color:#64b5f6!important;color:#64b5f6;outline:none}.tab-button:hover:not(.active){background:#4d4d4d;border-color:#64b5f6!important}.tab-button.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important;outline:none}.tab-content{background:#2d2d2d!important;border:1px solid #404040;box-shadow:0 2px 10px #0000004d}.tab-panel{background:transparent!important}.tab-panel{background:transparent}.overview-content{background:transparent!important}.data-table{background:#2d2d2d}.data-table-container{background:#2d2d2d;border-color:#404040}.data-table th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-bottom-color:#404040!important}.data-table td{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important;border-bottom-color:#404040!important}.data-table tr:hover{background:#3d3d3d!important}.table-header{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-top-color:#404040!important;border-bottom-color:#404040!important}.table-header>div{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-right-color:#404040!important}.table-header.combined>div{border-right-color:#404040!important}.table-row{border-color:#404040;color:#e0e0e0;background:#2d2d2d}.table-row:hover{background:#3d3d3d}.table-row>div{border-color:#404040;color:#e0e0e0}.table-row.combined>div,.table-row.ad-records>div,.table-row.hr>div{color:#e0e0e0!important;border-color:#404040!important;border-right-color:#404040!important;border-bottom-color:#404040!important}.table-row.ad-records{border-bottom-color:#404040!important}.table-row.ad-records>div{border-right-color:#404040!important}.validation-summary{background:transparent}.validation-results{background:#2d2d2d!important;border-color:#404040!important}.validation-results h4{color:#e0e0e0!important}.validation-table-container{background:#2d2d2d!important;border-color:#404040!important}.validation-warning{background:#3d3d3d!important;border-color:#404040!important;color:#ffb74d!important}.validation-errors{background:#3d2d2d!important;border-color:#404040!important}.validation-errors h5{color:#e57373!important}.validation-warnings{background:#3d3d2d!important;border-color:#404040!important}.validation-warnings h5{color:#ffb74d!important}.validation-sample h5{color:#e0e0e0!important}.sample-data-table{background:#2d2d2d!important;border-color:#404040!important}.sample-data-table th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.sample-data-table td{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important}.validation-success{background:#2d4d2d!important;border-color:#4caf50!important;color:#81c784!important}.validation-error{background:#4d2d2d!important;border-color:#ef5350!important;color:#e57373!important}.valid-row{background:#2d3d2d!important}.invalid-row{background:#3d2d2d!important}.status-badge.valid{background:#2d4d2d!important;color:#81c784!important}.status-badge.invalid{background:#4d2d2d!important;color:#e57373!important}.error-list{color:#e57373!important}.no-errors{color:#81c784!important}.stat-item{background:#3d3d3d;color:#e0e0e0}.stat-number{color:#64b5f6}.stat-label{color:#b0b0b0}.record-item{border-color:#404040;color:#e0e0e0}.record-item.valid{background:#2d4d2d;border-left-color:#81c784}.record-item.invalid{background:#4d2d2d;border-left-color:#e57373}.database-sub-tabs{background:#2d2d2d;border-color:#404040}.database-sub-tab{color:#b0b0b0}.database-sub-tab:hover{background:#3d3d3d;color:#e0e0e0}.database-sub-tab.active{background:#2196f3;color:#fff}.template-button{background:#3d3d3d;border-color:#404040;color:#e0e0e0}.template-button:hover{background:#4d4d4d;border-color:#64b5f6}.rule-section{background:#2d2d2d;border-color:#404040}.rule-section h4{color:#64b5f6}.rule-section li{border-color:#404040;color:#b0b0b0}.status-display{background:#2d2d2d}.status-display h4{color:#e0e0e0}.status-text{background:#3d3d3d;border-color:#404040;color:#e0e0e0}.validation-table{background:#2d2d2d}.validation-table th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.validation-table td{border-color:#404040;color:#e0e0e0}.valid-row{background:#2d4d2d}.invalid-row{background:#4d2d2d}.action-button{background:#3d3d3d;color:#64b5f6;border-color:#404040}.action-button:hover{background:#4d4d4d;border-color:#64b5f6}.action-button.primary{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.action-button.primary:hover{background:#1976d2!important;border-color:#1976d2!important;box-shadow:0 4px 12px #2196f366}.action-button.secondary{background:transparent!important;color:#64b5f6!important;border-color:#64b5f6!important;border-width:2px}.action-button.secondary:hover{background:#64b5f61a!important;color:#90caf9!important;border-color:#90caf9!important}.action-button.danger{background:#c62828;color:#fff}.action-button.danger:hover{background:#d32f2f}.import-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important;box-shadow:0 2px 4px #0000001a}.import-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #00000026}.summary-item.valid{background:#2d4d2d;color:#81c784;border-color:#4caf50}.summary-item.invalid{background:#4d2d2d;color:#e57373;border-color:#ef5350}.check-header{border-bottom-color:#404040}.check-header h2{color:#e0e0e0}.check-filters{background:#2d2d2d;border:2px solid #404040;border-color:#404040;box-shadow:0 2px 4px #0000001a;border-radius:8px}.filter-group label{color:#90caf9!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.filter-select{background:#3d3d3d!important;color:#90caf9!important;border:2px solid #64b5f6!important;border-color:#64b5f6!important;box-shadow:0 2px 4px #0000001a,0 0 0 2px #64b5f626!important;font-weight:500!important}.filter-select:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a!important;background:#3d3d3d!important;color:#90caf9!important;font-weight:500!important}.filter-select:hover{border-color:#64b5f6!important;background:#3d3d3d!important;box-shadow:0 0 0 2px #64b5f64d,0 2px 4px #00000026!important;color:#90caf9!important;font-weight:500!important}.filter-select:active{background:#3d3d3d!important;border-color:#64b5f6!important;color:#90caf9!important;font-weight:500!important}.filter-select:not(:focus):not(:hover){background:#3d3d3d!important;color:#90caf9!important;border-color:#64b5f6!important;box-shadow:0 2px 4px #0000001a,0 0 0 2px #64b5f626!important;font-weight:500!important}.filter-select option{background:#3d3d3d!important;color:#64b5f6!important}.filter-select:blur{background:#3d3d3d!important;color:#64b5f6!important;border-color:#64b5f6!important}.check-content{background:#2d2d2d!important;color:#e0e0e0!important}.check-actions,.loading-message{color:#e0e0e0!important}.analysis-card{background:#2d2d2d;border-color:#404040}.analysis-card h3{color:#e0e0e0;border-bottom-color:#404040}.metric-card{background:#2d2d2d;border:2px solid #64b5f6;border-color:#64b5f6}.metric-card.danger,.metric-card.warning,.metric-card.success,.metric-card.info{border-color:#64b5f6;background:#2d2d2d}.metric-card .metric-value,.check-dashboard .metric-value,.analysis-card .metric-value{font-size:48px!important;color:#64b5f6}.metric-label,.metric-description{color:#b0b0b0}.ad-groups-count{color:#90caf9}.breakdown-row{border-bottom-color:#404040!important}.breakdown-label{color:#d0d0d0!important}.breakdown-value{color:#90caf9!important;font-weight:600!important}.breakdown-total{border-top-color:#404040!important;color:#d0d0d0!important}.breakdown-total strong,.ad-groups-count .percentage{color:#90caf9!important}.metric-description small{color:#b0b0b0!important}.audit-filters{background:transparent;border-color:#404040}.audit-filters .filter-group label{color:#64b5f6}.filter-input{background:#3d3d3d;color:#64b5f6;border-color:#404040;box-shadow:0 2px 4px #0000001a}.filter-input:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a;background:#4d4d4d;color:#64b5f6}.database-controls .filter-select{background:#3d3d3d;color:#64b5f6;border-color:#404040;box-shadow:0 2px 4px #0000001a}.database-controls .filter-select:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a;background:#4d4d4d;color:#64b5f6}.database-controls .filter-select:hover{border-color:#64b5f6;background:#4d4d4d;box-shadow:0 2px 4px #00000026}.database-controls{background:#2d2d2d!important;border-color:#404040!important}.search-controls{background:transparent}.search-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.search-input:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640!important;background:#4d4d4d!important}.search-input::placeholder{color:#b0b0b0!important}.search-button{background:#2196f3!important;color:#fff!important}.search-button:hover:not(:disabled){background:#1976d2!important}.filter-clear{background:#3d3d3d!important;color:#64b5f6!important;border:1px solid #404040!important}.filter-clear:hover{background:#4d4d4d!important;border-color:#64b5f6!important}.pagination{background:#2d2d2d!important;border-color:#404040!important}.pagination-info{color:#b0b0b0!important}.pagination-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}.pagination-button:hover:not(:disabled){background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.pagination-button:disabled{background:#2d2d2d!important;color:#6c757d!important;border-color:#404040!important}.pagination-page{color:#e0e0e0!important}.page-size-select,.sort-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.sort-order-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}.sort-order-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important}.records-header h4{color:#e0e0e0!important}.show-all-toggle{background-color:#2196f3!important;color:#fff!important}.show-all-toggle:hover{background-color:#1976d2!important}.show-all-toggle.active{background-color:#28a745!important}.show-all-toggle.active:hover{background-color:#218838!important}.table-footer{background:#2d2d2d!important;color:#b0b0b0!important;border-color:#404040!important}.data-source{color:#b0b0b0!important}.no-data-message{background:#2d2d2d!important;border-color:#404040!important;color:#b0b0b0!important}.no-data-message h3{color:#e0e0e0!important}.no-data-message p{color:#b0b0b0!important}.pagination-message{background-color:#2d2d2d!important;border-color:#404040!important;color:#b0b0b0!important}.critical-badge{color:#fff}.critical-badge.critical{background:#dc3545;color:#fff}.critical-badge.normal{background:#6c757d;color:#fff}.type-badge{color:#fff}.type-badge.ad{background:#007bff;color:#fff}.type-badge.hr{background:#28a745;color:#fff}.type-badge.combined{background:#6c757d;color:#fff}.validation-stats,.import-stats,.saved-data-stats{background:transparent}.stat{border-bottom-color:#404040!important}.stat .label{color:#b0b0b0!important}.stat .value{color:#e0e0e0!important}.mismatch-detail-modal{background:#000000b3!important}.modal-content{background:#2d2d2d!important;box-shadow:0 10px 30px #00000080!important}.modal-header{background:#3d3d3d!important;border-bottom-color:#404040!important}.modal-header h3{color:#e0e0e0!important}.close-button{background:#2196f3!important;color:#fff!important}.close-button:hover{background:#1976d2!important}.modal-body{background:#2d2d2d!important;color:#e0e0e0!important}.mismatch-detail-list h4{color:#e0e0e0!important}.explanation-box{background:#3d3d3d!important;border-color:#404040!important;box-shadow:0 2px 4px #0000004d!important}.explanation-box h5{color:#64b5f6!important}.explanation-box ul,.explanation-box li{color:#e0e0e0!important}.explanation-box li strong{color:#90caf9!important}.explanation-box p{color:#b0b0b0!important}.explanation-box p strong{color:#64b5f6!important}.table-container table{background:#2d2d2d!important}.table-container th{background:#3d3d3d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}.table-container td{background:#2d2d2d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}.table-container tr:hover{background:#3d3d3d!important}.table-footer{color:#b0b0b0!important;border-top-color:#404040!important}.no-data-indicator{background:#2d2d2d!important;border-color:#404040!important}.no-data-text{color:#b0b0b0!important}.search-results-info{background:#2d2d2d!important;border-color:#404040!important;color:#64b5f6!important}.simple-filter{background:#2d2d2d!important;border-color:#404040!important}.filter-search{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.filter-search:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640!important;background:#4d4d4d!important}.filter-search::placeholder{color:#b0b0b0!important}}:root[data-theme=dark] .check-page,:root.dark-mode .check-page{background:#1a1a1a}:root[data-theme=dark] .check-card,:root.dark-mode .check-card{background:#2d2d2d!important;box-shadow:0 4px 6px #0000004d;border-color:#404040!important}:root[data-theme=dark] .check-card h3,:root.dark-mode .check-card h3{color:#e0e0e0!important}:root[data-theme=dark] .check-card p,:root.dark-mode .check-card p{color:#b0b0b0!important}:root[data-theme=dark] .stat .label,:root.dark-mode .stat .label{color:#b0b0b0}:root[data-theme=dark] .stat .value.valid,:root.dark-mode .stat .value.valid{color:#81c784}:root[data-theme=dark] .stat .value.invalid,:root.dark-mode .stat .value.invalid{color:#e57373}:root[data-theme=dark] .result-item,:root.dark-mode .result-item{color:#e0e0e0}:root[data-theme=dark] .tab-navigation,:root.dark-mode .tab-navigation{background:#2d2d2d;border-bottom-color:#404040}:root[data-theme=dark] .tab-button,:root.dark-mode .tab-button{background:#3d3d3d;border-color:#64b5f6!important;color:#64b5f6;outline:none!important}:root[data-theme=dark] .tab-button:hover:not(.active),:root.dark-mode .tab-button:hover:not(.active){background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .tab-button.active,:root.dark-mode .tab-button.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important;outline:none!important}:root[data-theme=dark] .tab-content,:root.dark-mode .tab-content{background:#2d2d2d!important;border:1px solid #404040;box-shadow:0 2px 10px #0000004d}:root[data-theme=dark] .tab-panel,:root.dark-mode .tab-panel{background:transparent!important}:root[data-theme=dark] .data-table,:root.dark-mode .data-table{background:#2d2d2d}:root[data-theme=dark] .data-table-container,:root.dark-mode .data-table-container{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .data-table th,:root.dark-mode .data-table th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-bottom-color:#404040!important}:root[data-theme=dark] .data-table td,:root.dark-mode .data-table td{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important;border-bottom-color:#404040!important}:root[data-theme=dark] .data-table tr:hover,:root.dark-mode .data-table tr:hover{background:#3d3d3d!important}:root[data-theme=dark] .table-header,:root.dark-mode .table-header{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-top-color:#404040!important;border-bottom-color:#404040!important}:root[data-theme=dark] .table-header>div,:root.dark-mode .table-header>div{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;border-right-color:#404040!important}:root[data-theme=dark] .table-header.combined>div,:root.dark-mode .table-header.combined>div{border-right-color:#404040!important}:root[data-theme=dark] .table-row,:root.dark-mode .table-row{border-color:#404040;color:#e0e0e0;background:#2d2d2d}:root[data-theme=dark] .table-row:hover,:root.dark-mode .table-row:hover{background:#3d3d3d}:root[data-theme=dark] .table-row>div,:root.dark-mode .table-row>div{border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .table-row.combined>div,:root.dark-mode .table-row.combined>div,:root[data-theme=dark] .table-row.ad-records>div,:root.dark-mode .table-row.ad-records>div,:root[data-theme=dark] .table-row.hr>div,:root.dark-mode .table-row.hr>div{color:#e0e0e0!important;border-color:#404040!important;border-right-color:#404040!important;border-bottom-color:#404040!important}:root[data-theme=dark] .table-row.ad-records,:root.dark-mode .table-row.ad-records{border-bottom-color:#404040!important}:root[data-theme=dark] .table-row.ad-records>div,:root.dark-mode .table-row.ad-records>div{border-right-color:#404040!important}:root[data-theme=dark] .validation-summary,:root.dark-mode .validation-summary{background:transparent}:root[data-theme=dark] .validation-results,:root.dark-mode .validation-results{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .validation-results h4,:root.dark-mode .validation-results h4{color:#e0e0e0!important}:root[data-theme=dark] .validation-table-container,:root.dark-mode .validation-table-container{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .validation-warning,:root.dark-mode .validation-warning{background:#3d3d3d!important;border-color:#404040!important;color:#ffb74d!important}:root[data-theme=dark] .validation-errors,:root.dark-mode .validation-errors{background:#3d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .validation-errors h5,:root.dark-mode .validation-errors h5{color:#e57373!important}:root[data-theme=dark] .validation-warnings,:root.dark-mode .validation-warnings{background:#3d3d2d!important;border-color:#404040!important}:root[data-theme=dark] .validation-warnings h5,:root.dark-mode .validation-warnings h5{color:#ffb74d!important}:root[data-theme=dark] .validation-sample h5,:root.dark-mode .validation-sample h5{color:#e0e0e0!important}:root[data-theme=dark] .sample-data-table,:root.dark-mode .sample-data-table{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .sample-data-table th,:root.dark-mode .sample-data-table th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .sample-data-table td,:root.dark-mode .sample-data-table td{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .validation-success,:root.dark-mode .validation-success{background:#2d4d2d!important;border-color:#4caf50!important;color:#81c784!important}:root[data-theme=dark] .validation-error,:root.dark-mode .validation-error{background:#4d2d2d!important;border-color:#ef5350!important;color:#e57373!important}:root[data-theme=dark] .valid-row,:root.dark-mode .valid-row{background:#2d3d2d!important}:root[data-theme=dark] .invalid-row,:root.dark-mode .invalid-row{background:#3d2d2d!important}:root[data-theme=dark] .status-badge.valid,:root.dark-mode .status-badge.valid{background:#2d4d2d!important;color:#81c784!important}:root[data-theme=dark] .status-badge.invalid,:root.dark-mode .status-badge.invalid{background:#4d2d2d!important;color:#e57373!important}:root[data-theme=dark] .error-list,:root.dark-mode .error-list{color:#e57373!important}:root[data-theme=dark] .no-errors,:root.dark-mode .no-errors{color:#81c784!important}:root[data-theme=dark] .stat-item,:root.dark-mode .stat-item{background:#3d3d3d;color:#e0e0e0}:root[data-theme=dark] .stat-number,:root.dark-mode .stat-number{color:#64b5f6}:root[data-theme=dark] .stat-label,:root.dark-mode .stat-label{color:#b0b0b0}:root[data-theme=dark] .record-item,:root.dark-mode .record-item{border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .record-item.valid,:root.dark-mode .record-item.valid{background:#2d4d2d;border-left-color:#81c784}:root[data-theme=dark] .record-item.invalid,:root.dark-mode .record-item.invalid{background:#4d2d2d;border-left-color:#e57373}:root[data-theme=dark] .database-sub-tabs,:root.dark-mode .database-sub-tabs{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .database-sub-tab,:root.dark-mode .database-sub-tab{color:#b0b0b0}:root[data-theme=dark] .database-sub-tab:hover,:root.dark-mode .database-sub-tab:hover{background:#3d3d3d;color:#e0e0e0}:root[data-theme=dark] .database-sub-tab.active,:root.dark-mode .database-sub-tab.active{background:#2196f3;color:#fff}:root[data-theme=dark] .template-button,:root.dark-mode .template-button{background:#3d3d3d;border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .template-button:hover,:root.dark-mode .template-button:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .rule-section,:root.dark-mode .rule-section{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .rule-section h4,:root.dark-mode .rule-section h4{color:#64b5f6}:root[data-theme=dark] .rule-section li,:root.dark-mode .rule-section li{border-color:#404040;color:#b0b0b0}:root[data-theme=dark] .status-display,:root.dark-mode .status-display{background:#2d2d2d}:root[data-theme=dark] .status-text,:root.dark-mode .status-text{background:#3d3d3d;border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .validation-table th,:root.dark-mode .validation-table th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .validation-table td,:root.dark-mode .validation-table td{border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .valid-row,:root.dark-mode .valid-row{background:#2d4d2d}:root[data-theme=dark] .invalid-row,:root.dark-mode .invalid-row{background:#4d2d2d}:root[data-theme=dark] .action-button:hover,:root.dark-mode .action-button:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .action-button.primary,:root.dark-mode .action-button.primary{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .action-button.primary:hover,:root.dark-mode .action-button.primary:hover{background:#1976d2!important;border-color:#1976d2!important;box-shadow:0 4px 12px #2196f366}:root[data-theme=dark] .action-button.secondary,:root.dark-mode .action-button.secondary{background:transparent!important;color:#64b5f6!important;border-color:#64b5f6!important;border-width:2px}:root[data-theme=dark] .action-button.danger,:root.dark-mode .action-button.danger{background:#c62828;color:#fff}:root[data-theme=dark] .action-button.danger:hover,:root.dark-mode .action-button.danger:hover{background:#d32f2f}:root[data-theme=dark] .import-button,:root.dark-mode .import-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important;box-shadow:0 2px 4px #0000001a}:root[data-theme=dark] .import-button:hover,:root.dark-mode .import-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #00000026}:root[data-theme=dark] .summary-item.valid,:root.dark-mode .summary-item.valid{background:#2d4d2d;color:#81c784;border-color:#4caf50}:root[data-theme=dark] .summary-item.invalid,:root.dark-mode .summary-item.invalid{background:#4d2d2d;color:#e57373;border-color:#ef5350}:root[data-theme=dark] .check-header,:root.dark-mode .check-header{border-bottom-color:#404040}:root[data-theme=dark] .check-header h2,:root.dark-mode .check-header h2{color:#e0e0e0}:root[data-theme=dark] .check-filters,:root.dark-mode .check-filters{background:#2d2d2d;border:2px solid #404040;border-color:#404040;box-shadow:0 2px 4px #0000001a;border-radius:8px}:root[data-theme=dark] .filter-group label,:root.dark-mode .filter-group label{color:#90caf9!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root[data-theme=dark] .filter-select,:root.dark-mode .filter-select{background:#3d3d3d!important;color:#90caf9!important;border:2px solid #64b5f6!important;border-color:#64b5f6!important;box-shadow:0 2px 4px #0000001a,0 0 0 2px #64b5f626!important;font-weight:500!important}:root[data-theme=dark] .filter-select:focus,:root.dark-mode .filter-select:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a!important;background:#3d3d3d!important;color:#90caf9!important;font-weight:500!important}:root[data-theme=dark] .filter-select:hover,:root.dark-mode .filter-select:hover{border-color:#64b5f6!important;background:#3d3d3d!important;box-shadow:0 0 0 2px #64b5f64d,0 2px 4px #00000026!important;color:#90caf9!important;font-weight:500!important}:root[data-theme=dark] .filter-select:active,:root.dark-mode .filter-select:active{background:#3d3d3d!important;border-color:#64b5f6!important;color:#90caf9!important;font-weight:500!important}:root[data-theme=dark] .filter-select:not(:focus):not(:hover),:root.dark-mode .filter-select:not(:focus):not(:hover){background:#3d3d3d!important;color:#90caf9!important;border-color:#64b5f6!important;box-shadow:0 2px 4px #0000001a,0 0 0 2px #64b5f626!important;font-weight:500!important}:root[data-theme=dark] .check-content,:root.dark-mode .check-content{background:#2d2d2d!important;color:#e0e0e0!important}:root[data-theme=dark] .check-actions,:root.dark-mode .check-actions{color:#e0e0e0!important}:root[data-theme=dark] .loading-message,:root.dark-mode .loading-message{color:#e0e0e0!important}:root[data-theme=dark] .analysis-card,:root.dark-mode .analysis-card{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .analysis-card h3,:root.dark-mode .analysis-card h3{color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .metric-card.danger,:root.dark-mode .metric-card.danger,:root[data-theme=dark] .metric-card.warning,:root.dark-mode .metric-card.warning,:root[data-theme=dark] .metric-card.success,:root.dark-mode .metric-card.success,:root[data-theme=dark] .metric-card.info,:root.dark-mode .metric-card.info{border-color:#64b5f6;background:#2d2d2d}:root[data-theme=dark] .metric-card .metric-value,:root.dark-mode .metric-card .metric-value,:root[data-theme=dark] .check-dashboard .metric-value,:root.dark-mode .check-dashboard .metric-value,:root[data-theme=dark] .analysis-card .metric-value,:root.dark-mode .analysis-card .metric-value{font-size:48px!important;color:#64b5f6}:root[data-theme=dark] .metric-label,:root.dark-mode .metric-label{color:#b0b0b0}:root[data-theme=dark] .metric-description,:root.dark-mode .metric-description{color:#b0b0b0}:root[data-theme=dark] .ad-groups-count,:root.dark-mode .ad-groups-count{color:#90caf9}:root[data-theme=dark] .breakdown-row,:root.dark-mode .breakdown-row{border-bottom-color:#404040!important}:root[data-theme=dark] .breakdown-label,:root.dark-mode .breakdown-label{color:#d0d0d0!important}:root[data-theme=dark] .breakdown-value,:root.dark-mode .breakdown-value{color:#90caf9!important;font-weight:600!important}:root[data-theme=dark] .breakdown-total,:root.dark-mode .breakdown-total{border-top-color:#404040!important;color:#d0d0d0!important}:root[data-theme=dark] .breakdown-total strong,:root.dark-mode .breakdown-total strong{color:#90caf9!important}:root[data-theme=dark] .ad-groups-count .percentage,:root.dark-mode .ad-groups-count .percentage{color:#90caf9!important}:root[data-theme=dark] .metric-description small,:root.dark-mode .metric-description small{color:#b0b0b0!important}:root[data-theme=dark] .audit-filters,:root.dark-mode .audit-filters{background:transparent;border-color:#404040}:root[data-theme=dark] .audit-filters .filter-group label,:root.dark-mode .audit-filters .filter-group label{color:#64b5f6}:root[data-theme=dark] .filter-input,:root.dark-mode .filter-input{background:#3d3d3d;color:#64b5f6;border-color:#404040;box-shadow:0 2px 4px #0000001a}:root[data-theme=dark] .filter-input:focus,:root.dark-mode .filter-input:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a;background:#4d4d4d;color:#64b5f6}:root[data-theme=dark] .database-controls,:root.dark-mode .database-controls{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .database-controls .filter-select,:root.dark-mode .database-controls .filter-select{background:#3d3d3d;color:#64b5f6;border-color:#404040;box-shadow:0 2px 4px #0000001a}:root[data-theme=dark] .database-controls .filter-select:focus,:root.dark-mode .database-controls .filter-select:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f640,0 2px 4px #0000001a;background:#4d4d4d;color:#64b5f6}:root[data-theme=dark] .database-controls .filter-select:hover,:root.dark-mode .database-controls .filter-select:hover{border-color:#64b5f6;background:#4d4d4d;box-shadow:0 2px 4px #00000026}:root[data-theme=dark] .search-controls,:root.dark-mode .search-controls{background:transparent}:root[data-theme=dark] .search-input,:root.dark-mode .search-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .search-input:focus,:root.dark-mode .search-input:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640!important;background:#4d4d4d!important}:root[data-theme=dark] .search-input::placeholder,:root.dark-mode .search-input::placeholder{color:#b0b0b0!important}:root[data-theme=dark] .search-button,:root.dark-mode .search-button{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .search-button:hover:not(:disabled),:root.dark-mode .search-button:hover:not(:disabled){background:#1976d2!important}:root[data-theme=dark] .filter-clear,:root.dark-mode .filter-clear{background:#3d3d3d!important;color:#64b5f6!important;border:1px solid #404040!important}:root[data-theme=dark] .filter-clear:hover,:root.dark-mode .filter-clear:hover{background:#4d4d4d!important;border-color:#64b5f6!important}:root[data-theme=dark] .pagination,:root.dark-mode .pagination{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .pagination-info,:root.dark-mode .pagination-info{color:#b0b0b0!important}:root[data-theme=dark] .pagination-button,:root.dark-mode .pagination-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}:root[data-theme=dark] .pagination-button:hover:not(:disabled),:root.dark-mode .pagination-button:hover:not(:disabled){background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .pagination-button:disabled,:root.dark-mode .pagination-button:disabled{background:#2d2d2d!important;color:#6c757d!important;border-color:#404040!important}:root[data-theme=dark] .pagination-page,:root.dark-mode .pagination-page{color:#e0e0e0!important}:root[data-theme=dark] .page-size-select,:root.dark-mode .page-size-select,:root[data-theme=dark] .sort-select,:root.dark-mode .sort-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .sort-order-button,:root.dark-mode .sort-order-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}:root[data-theme=dark] .sort-order-button:hover,:root.dark-mode .sort-order-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important}:root[data-theme=dark] .records-header h4,:root.dark-mode .records-header h4{color:#e0e0e0!important}:root[data-theme=dark] .show-all-toggle:hover,:root.dark-mode .show-all-toggle:hover{background-color:#1976d2!important}:root[data-theme=dark] .show-all-toggle.active,:root.dark-mode .show-all-toggle.active{background-color:#28a745!important}:root[data-theme=dark] .show-all-toggle.active:hover,:root.dark-mode .show-all-toggle.active:hover{background-color:#218838!important}:root[data-theme=dark] .data-source,:root.dark-mode .data-source{color:#b0b0b0!important}:root[data-theme=dark] .pagination-message,:root.dark-mode .pagination-message{background-color:#2d2d2d!important;border-color:#404040!important;color:#b0b0b0!important}:root[data-theme=dark] .no-data-message,:root.dark-mode .no-data-message{background:#2d2d2d!important;border-color:#404040!important;color:#b0b0b0!important}:root[data-theme=dark] .no-data-message h3,:root.dark-mode .no-data-message h3{color:#e0e0e0!important}:root[data-theme=dark] .no-data-message p,:root.dark-mode .no-data-message p{color:#b0b0b0!important}:root[data-theme=dark] .critical-badge.critical,:root.dark-mode .critical-badge.critical{background:#dc3545;color:#fff}:root[data-theme=dark] .critical-badge.normal,:root.dark-mode .critical-badge.normal{background:#6c757d;color:#fff}:root[data-theme=dark] .type-badge,:root.dark-mode .type-badge{color:#fff}:root[data-theme=dark] .type-badge.ad,:root.dark-mode .type-badge.ad{background:#007bff;color:#fff}:root[data-theme=dark] .type-badge.hr,:root.dark-mode .type-badge.hr{background:#28a745;color:#fff}:root[data-theme=dark] .type-badge.combined,:root.dark-mode .type-badge.combined{background:#6c757d;color:#fff}:root[data-theme=dark] .stat,:root.dark-mode .stat{border-bottom-color:#404040!important}:root[data-theme=dark] .validation-stats,:root.dark-mode .validation-stats,:root[data-theme=dark] .import-stats,:root.dark-mode .import-stats,:root[data-theme=dark] .saved-data-stats,:root.dark-mode .saved-data-stats{background:transparent}:root[data-theme=dark] .stat .label,:root.dark-mode .stat .label{color:#b0b0b0!important}:root[data-theme=dark] .stat .value,:root.dark-mode .stat .value{color:#e0e0e0!important}:root[data-theme=dark] .mismatch-detail-modal,:root.dark-mode .mismatch-detail-modal{background:#000000b3!important}:root[data-theme=dark] .modal-content,:root.dark-mode .modal-content{background:#2d2d2d!important;box-shadow:0 10px 30px #00000080!important}:root[data-theme=dark] .modal-header,:root.dark-mode .modal-header{background:#3d3d3d!important;border-bottom-color:#404040!important}:root[data-theme=dark] .modal-header h3,:root.dark-mode .modal-header h3{color:#e0e0e0!important}:root[data-theme=dark] .close-button,:root.dark-mode .close-button{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .close-button:hover,:root.dark-mode .close-button:hover{background:#1976d2!important}:root[data-theme=dark] .modal-body,:root.dark-mode .modal-body{background:#2d2d2d!important;color:#e0e0e0!important}:root[data-theme=dark] .mismatch-detail-list h4,:root.dark-mode .mismatch-detail-list h4{color:#e0e0e0!important}:root[data-theme=dark] .explanation-box,:root.dark-mode .explanation-box{background:#3d3d3d!important;border-color:#404040!important;box-shadow:0 2px 4px #0000004d!important}:root[data-theme=dark] .explanation-box h5,:root.dark-mode .explanation-box h5{color:#64b5f6!important}:root[data-theme=dark] .explanation-box ul,:root.dark-mode .explanation-box ul{color:#e0e0e0!important}:root[data-theme=dark] .explanation-box li,:root.dark-mode .explanation-box li{color:#e0e0e0!important}:root[data-theme=dark] .explanation-box li strong,:root.dark-mode .explanation-box li strong{color:#90caf9!important}:root[data-theme=dark] .explanation-box p,:root.dark-mode .explanation-box p{color:#b0b0b0!important}:root[data-theme=dark] .explanation-box p strong,:root.dark-mode .explanation-box p strong{color:#64b5f6!important}:root[data-theme=dark] .table-container table,:root.dark-mode .table-container table{background:#2d2d2d!important}:root[data-theme=dark] .table-container th,:root.dark-mode .table-container th{background:#3d3d3d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}:root[data-theme=dark] .table-container td,:root.dark-mode .table-container td{background:#2d2d2d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}:root[data-theme=dark] .table-container tr:hover,:root.dark-mode .table-container tr:hover{background:#3d3d3d!important}:root[data-theme=dark] .table-footer,:root.dark-mode .table-footer{color:#b0b0b0!important;border-top-color:#404040!important}:root[data-theme=dark] .no-data-indicator,:root.dark-mode .no-data-indicator{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .no-data-text,:root.dark-mode .no-data-text{color:#b0b0b0!important}:root[data-theme=dark] .search-results-info,:root.dark-mode .search-results-info{background:#2d2d2d!important;border-color:#404040!important;color:#64b5f6!important}:root[data-theme=dark] .simple-filter,:root.dark-mode .simple-filter{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .filter-search,:root.dark-mode .filter-search{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .filter-search:focus,:root.dark-mode .filter-search:focus{border-color:#64b5f6!important;box-shadow:0 0 0 2px #64b5f640!important;background:#4d4d4d!important}:root[data-theme=dark] .filter-search::placeholder,:root.dark-mode .filter-search::placeholder{color:#b0b0b0!important}.overview-content{padding:30px;background:transparent}@media (prefers-color-scheme: dark){.overview-content{background:transparent!important}}:root[data-theme=dark] .overview-content,:root.dark-mode .overview-content{background:transparent!important}.overview-section{margin-bottom:0;background:transparent}.overview-section h2{color:#2c3e50;font-size:28px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.overview-section h3{color:#495057;font-size:20px;margin-top:25px;margin-bottom:15px}.guide-content,.legend-content{background:#fff;padding:30px;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.guide-content h2,.legend-content h2{color:#2c3e50;font-size:28px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.guide-content p,.legend-content p{color:#6c757d;line-height:1.6;margin-bottom:15px}.guide-content ol,.guide-content ul{color:#495057;line-height:1.8;margin-left:20px;margin-bottom:20px}.guide-content li{margin-bottom:10px}.guide-content strong{color:#2c3e50}.legend-items{display:flex;flex-direction:column;gap:20px;margin-top:20px}.legend-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #2196F3}.legend-item .action-button{width:auto;min-width:150px;max-width:200px;flex-shrink:0}.legend-color{width:24px;height:24px;border-radius:4px;flex-shrink:0;margin-top:2px}.legend-color.danger{background:#dc3545}.legend-color.success{background:#28a745}.legend-color.warning{background:#ffc107}.legend-color.info{background:#17a2b8}.legend-text{flex:1;color:#495057;line-height:1.6}.legend-text strong{color:#2c3e50;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block;margin-right:10px}.status-badge.valid{background:#d4edda;color:#155724}.status-badge.invalid{background:#f8d7da;color:#721c24}@media (prefers-color-scheme: dark){.overview-content{background:transparent!important;padding:30px}.overview-section{background:transparent}.overview-section h2{color:#e0e0e0;border-bottom-color:#404040}.overview-section h3{color:#b0b0b0}.guide-content,.legend-content{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 4px #0000004d}.guide-content h2,.legend-content h2{color:#e0e0e0;border-bottom-color:#404040}.guide-content p,.legend-content p,.guide-content ol,.guide-content ul{color:#b0b0b0}.guide-content strong{color:#e0e0e0}.legend-item{background:#3d3d3d;border-left-color:#64b5f6}.legend-item .action-button{width:auto;min-width:150px;max-width:200px}.legend-text{color:#b0b0b0}.legend-text strong{color:#e0e0e0}}:root[data-theme=dark] .overview-content,:root.dark-mode .overview-content{background:transparent!important;padding:30px}:root[data-theme=dark] .overview-section,:root.dark-mode .overview-section{background:transparent}:root[data-theme=dark] .overview-section h2,:root.dark-mode .overview-section h2{color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .overview-section h3,:root.dark-mode .overview-section h3{color:#b0b0b0}:root[data-theme=dark] .guide-content,:root.dark-mode .guide-content,:root[data-theme=dark] .legend-content,:root.dark-mode .legend-content{background:#2d2d2d;border:1px solid #404040;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .guide-content h2,:root.dark-mode .guide-content h2,:root[data-theme=dark] .legend-content h2,:root.dark-mode .legend-content h2{color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .guide-content p,:root.dark-mode .guide-content p,:root[data-theme=dark] .legend-content p,:root.dark-mode .legend-content p{color:#b0b0b0}:root[data-theme=dark] .guide-content ol,:root.dark-mode .guide-content ol,:root[data-theme=dark] .guide-content ul,:root.dark-mode .guide-content ul{color:#b0b0b0}:root[data-theme=dark] .guide-content strong,:root.dark-mode .guide-content strong{color:#e0e0e0}:root[data-theme=dark] .legend-item,:root.dark-mode .legend-item{background:#3d3d3d;border-left-color:#64b5f6}:root[data-theme=dark] .legend-item .action-button,:root.dark-mode .legend-item .action-button{width:auto;min-width:150px;max-width:200px}:root[data-theme=dark] .legend-text,:root.dark-mode .legend-text{color:#b0b0b0}:root[data-theme=dark] .legend-text strong,:root.dark-mode .legend-text strong{color:#e0e0e0}.progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:99999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.progress-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);border-radius:24px;pointer-events:none}.progress-header{margin-bottom:30px}.progress-title{color:#fff;font-size:32px;font-weight:600;margin:0 0 15px;text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.1);position:relative;z-index:1}.progress-subtitle{color:#ffffffe6;font-size:18px;margin:0;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;z-index:1}.progress-content{margin:30px 0}.spinner-container{margin-bottom:30px}.spinner{width:70px;height:70px;border:3px solid rgba(255,255,255,.1);border-top:3px solid rgba(255,255,255,.8);border-right:3px solid rgba(255,255,255,.6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;box-shadow:0 0 20px #fff3,inset 0 0 20px #ffffff1a;position:relative;z-index:1}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 0}.success-icon{font-size:80px;margin-bottom:20px;animation:successPulse 2s ease-in-out infinite}.success-message{color:#4caf50;font-size:24px;font-weight:600;text-align:center;text-shadow:0 2px 8px rgba(76,175,80,.3);margin:0}.success-footer{display:flex;flex-direction:column;align-items:center;gap:20px}.success-message-footer{color:#ffffffe6;font-size:18px;margin:0;text-align:center}.close-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d,0 0 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.2)}.close-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066,0 0 0 1px #fff3}.close-button:active{transform:translateY(0);box-shadow:0 2px 10px #4caf504d,0 0 0 1px #ffffff1a}@keyframes successPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.matrix-container{margin:30px 0;padding:25px;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0003;position:relative;z-index:1}.matrix-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:200px;margin:0 auto}.matrix-cell{background:#87cefa99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:700;padding:6px;border-radius:4px;animation:matrix-flicker 2s infinite;text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(135,206,250,.4);box-shadow:0 2px 8px #87cefa4d,inset 0 1px #ffffff4d;position:relative;z-index:1;text-shadow:0 0 8px rgba(135,206,250,.8)}@keyframes matrix-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.95)}}.progress-bar-container{margin-top:20px}.progress-bar{width:100%;height:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;overflow:hidden;margin-bottom:15px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 4px #0003;position:relative;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#87cefacc,#64b4ffe6,#87cefacc);border-radius:8px;transition:width .3s ease;box-shadow:0 0 20px #87cefa66,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:#fff;font-size:14px;font-weight:600}.progress-footer{margin-top:20px}.progress-message{color:#fffc;font-size:16px;margin:0;font-style:italic;text-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;z-index:1}@media (max-width: 600px){.progress-container{padding:30px 20px;margin:20px}.progress-title{font-size:24px}.matrix-grid{max-width:160px}.matrix-cell{font-size:10px;padding:2px;min-height:16px}}@media (prefers-color-scheme: dark){.progress-text{color:#e0e0e0}}:root.dark-mode .progress-text,:root[data-theme=dark] .progress-text{color:#e0e0e0}.optimize-page{padding:20px;max-width:100%;margin:0;background:#f8f9fa;min-height:calc(100vh - 70px);width:100%;box-sizing:border-box;overflow-x:hidden}.optimize-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%;margin:0 auto}.optimize-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #2196F3;display:flex;flex-direction:column;height:100%}.optimize-card h3{color:#2c3e50;margin:0 0 15px;font-size:1.5em;font-weight:600}.optimize-card p{color:#7f8c8d;margin:0 0 25px;line-height:1.5}.optimization-metrics{margin-bottom:25px}.metric{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ecf0f1}.metric:last-child{border-bottom:none}.metric .label{color:#2c3e50;font-weight:500}.metric .value{font-weight:700;font-size:1.2em;color:#ff9800}.cleanup-stats{margin-bottom:25px}.stat-item .icon{font-size:1.2em}.resource-status{margin-bottom:25px}.resource-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.resource-icon{font-size:1.2em}.optimize-card .action-button{margin-top:auto}@media (max-width: 768px){.optimize-sections{grid-template-columns:repeat(2,1fr)}.optimize-page{padding:20px}}.tab-navigation{display:flex;gap:10px;margin:30px 0;border-bottom:2px solid #e9ecef;padding-bottom:0;background:#f8f9fa;padding-top:10px;align-items:flex-end}.tab{background:#fff;border:2px solid #e9ecef;border-bottom:none;padding:12px 24px;border-radius:8px 8px 0 0;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;cursor:pointer;font-size:14px;font-weight:600;color:#2196f3;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:8px;flex:1;margin-bottom:-2px;overflow:hidden}.tab:last-child{border-right:2px solid #e9ecef}.tab:hover:not(.active){background:#f0f8ff;color:#2196f3;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tab.active{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;border-bottom:2px solid white!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;z-index:1;position:relative}.tab.active:hover{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d!important}.optimize-content{background:#fff;border-radius:0 0 8px 8px;padding:0;box-shadow:0 2px 10px #0000001a;min-height:500px;margin-bottom:30px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.data-completion-section{padding:30px;width:100%}.overview-section{padding:30px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.import-export-controls{display:flex;gap:12px;margin:20px 0;justify-content:center}.export-btn,.import-btn{background:#27ae60;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px}.export-btn:hover,.import-btn:hover{background:#219a52;transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}.export-btn:disabled,.import-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.import-btn{background:#3498db}.import-btn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d}.filter-row{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.filter-row th{padding:8px;vertical-align:middle}.filter-input,.filter-select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-input:focus,.filter-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.clear-filters-btn{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.clear-filters-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.loading-container{display:flex;flex-direction:column;align-items:center;margin:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-container p{color:#2196f3;font-weight:600;margin:0}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #ecf0f1}.ad-groups-table{width:100%;border-collapse:collapse;background:#fff}.ad-groups-table th{background:#f8f9fa;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;border-bottom:2px solid #ecf0f1;font-size:14px}.ad-groups-table td{padding:12px;border-bottom:1px solid #ecf0f1;vertical-align:middle}.ad-groups-table tr:hover{background:#f8f9fa}.ad-group-cell{min-width:200px}.ad-group-name{font-size:14px;color:#495057;font-weight:500}.editable-cell{min-width:150px}.has-value{color:#27ae60;font-weight:500}.empty-value{color:#e74c3c;font-style:italic}.edit-input{width:100%;padding:6px 8px;border:2px solid #2196F3;border-radius:4px;font-size:14px;outline:none}.edit-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #2196f333}.edit-select{width:100%;padding:6px 8px;border:2px solid #2196F3;border-radius:4px;font-size:14px;outline:none;background:#fff;cursor:pointer}.edit-select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #2196f333}.critical-cell{text-align:center;min-width:80px}.critical-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.critical-badge.critical{background:#ffebee;color:#c62828}.critical-badge.normal{background:#e8f5e8;color:#2e7d32}.edit-btn{background:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .3s}.edit-btn:hover{background:#1976d2}.edit-actions{display:flex;gap:5px;justify-content:center}.save-btn{background:#27ae60;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .3s}.save-btn:hover{background:#229954}.cancel-btn{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .3s}.cancel-btn:hover{background:#c0392b}.table-footer{text-align:center;padding:20px;background:#f8f9fa;color:#7f8c8d;font-size:14px;border-top:1px solid #ecf0f1}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:15px}.pagination-info p{margin:0;font-weight:600;color:#2c3e50}.load-more-btn{background:#2196f3;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #2196f333}.load-more-btn:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.load-more-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.all-loaded{color:#27ae60;font-weight:600;margin:0;font-size:16px}@media (max-width: 480px){.optimize-sections{grid-template-columns:1fr}.ad-groups-table{font-size:12px}.ad-groups-table th,.ad-groups-table td{padding:8px 6px}.edit-actions{flex-direction:column}}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:500;text-align:center;min-width:80px}.status-active{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.status-new{background-color:#e3f2fd;color:#1976d2;border:1px solid #2196f3}.status-orphaned{background-color:#fff3e0;color:#f57c00;border:1px solid #ff9800}.status-missing{background-color:#ffebee;color:#d32f2f;border:1px solid #f44336}.status-cell{text-align:center;min-width:100px}.table-actions{display:flex;gap:12px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.export-btn,.import-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:140px;justify-content:center}.export-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 4px #28a7454d}.export-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.import-btn{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;box-shadow:0 2px 4px #007bff4d}.import-btn:hover{background:linear-gradient(135deg,#0056b3,#520dc2);transform:translateY(-1px);box-shadow:0 4px 8px #007bff66}.export-btn:active,.import-btn:active{transform:translateY(0)}.overview-section{padding:20px;max-width:100%;margin:0;width:100%;box-sizing:border-box;overflow-x:hidden}.overview-content{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #2196F3;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word}.overview-content h2{color:#2c3e50;margin-bottom:20px;font-size:28px}.overview-tabs{display:flex;gap:10px;margin:30px 0;border-bottom:2px solid #e9ecef;padding-bottom:10px}.overview-tab{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d;padding:12px 20px;border-radius:8px 8px 0 0;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.overview-tab:hover{background:#e9ecef;color:#495057;transform:translateY(-2px)}.overview-tab.active{background:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 4px 12px #2196f34d}.overview-tab-content{margin-top:20px;max-width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word}.hr-exclusions-header{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #ff9800}.hr-exclusions-header h2{color:#2c3e50;margin-bottom:10px;font-size:24px;font-weight:600}.hr-exclusions-header p{color:#666;margin:0;font-size:16px}.hr-exclusions-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.hr-exclusions-table th{background:#f8f9fa;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;border-bottom:2px solid #e9ecef;font-size:14px}.hr-exclusions-table td{padding:12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.hr-exclusions-table tr:hover{background:#f8f9fa}.system-account-cell{font-weight:600;color:#2c3e50;min-width:150px}.department-cell{color:#495057;min-width:120px}.job-role-cell,.division-cell{color:#6c757d;min-width:100px}.exclusion-cell{min-width:200px}.exclusion-select{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:14px;transition:border-color .3s ease}.exclusion-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.record-count-cell{text-align:center;color:#6c757d;font-weight:500}.actions-cell{text-align:center;min-width:120px}.overview-content p{color:#666;margin-bottom:20px;font-size:16px;line-height:1.6}.overview-content ul{list-style:none;padding:0}.overview-content li{padding:6px 0;border-bottom:1px solid #eee;font-size:16px;line-height:1.4}.overview-content li:last-child{border-bottom:none}.overview-content strong{color:#2196f3;font-weight:600}.instruction-section{margin:30px 0;padding:25px;background:#f8f9fa;border-radius:10px;border-left:4px solid #28a745}.instruction-section h3{color:#2c3e50;margin-bottom:15px;font-size:20px;font-weight:600}.instruction-section p{color:#666;margin-bottom:15px;font-size:15px}.instruction-section ol,.instruction-section ul{margin:0;padding-left:20px}.instruction-section li{margin:4px 0;line-height:1.4;color:#444}.instruction-section strong{color:#2196f3;font-weight:600}.status-explanations{display:grid;gap:15px;margin-top:15px}.status-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.status-item .status-badge{flex-shrink:0;margin-top:2px}.status-item p{margin:0;color:#444;line-height:1.5}.status-item strong{color:#2c3e50;font-weight:600}@media (max-width: 1200px){.optimize-page,.overview-section{padding:20px}.instruction-section{margin:20px 0;padding:20px}}@media (max-width: 768px){.optimize-page,.overview-section{padding:15px}.instruction-section{margin:15px 0;padding:15px}.status-item{flex-direction:column;gap:10px}.table-actions{background:#2d2d2d!important;border-color:#404040!important;flex-direction:column;gap:10px}.export-btn,.import-btn{min-width:auto;width:100%}.overview-tabs{flex-direction:column;gap:5px}.overview-tab{width:100%;text-align:center}.instructions-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.optimize-page,.overview-section{padding:10px}.instruction-section{margin:10px 0;padding:10px}.overview-content{padding:20px}}@media (prefers-color-scheme: dark){.optimize-page{background:#1a1a1a;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}.optimize-card{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}.optimize-card h3{color:#e0e0e0}.optimize-card p,.metric .label{color:#b0b0b0}.metric .value{color:#ff9800}.stat-item,.resource-item{color:#e0e0e0}.action-button{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none}.action-button:hover{background:#4d4d4d;border-color:#64b5f6!important}.tab-navigation{background:#2d2d2d!important;border-bottom-color:#404040!important}.tab{background:#3d3d3d!important;border-color:#64b5f6!important;color:#64b5f6!important;box-shadow:0 2px 4px #0000004d!important;outline:none!important}.tab:last-child{border-right-color:#64b5f6!important}.tab:hover:not(.active){background:#4d4d4d!important;border-color:#64b5f6!important;color:#64b5f6!important}.tab.active{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;border-bottom-color:#2d2d2d!important;box-shadow:0 8px 25px #2196f34d!important}.tab.active:hover{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.optimize-content{background:#2d2d2d!important;box-shadow:0 2px 10px #0000004d;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}.data-completion-section,.overview-section{color:#e0e0e0;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}.data-completion-section p,.data-completion-section li,.data-completion-section ol,.data-completion-section ul{color:#d0d0d0!important}.data-completion-section strong{color:#64b5f6!important}.data-completion-section h3{color:#e0e0e0!important}.overview-tab-content{overflow-x:hidden;max-width:100%;color:#d0d0d0!important}.overview-tab-content p,.overview-tab-content li,.overview-tab-content ol,.overview-tab-content ul{color:#d0d0d0!important}.instructions-grid{overflow-x:hidden;max-width:100%}.instructions-grid p,.instructions-grid li,.instructions-grid ol,.instructions-grid ul{color:#d0d0d0!important}.table-actions{background:#2d2d2d!important;border-color:#404040!important}.export-btn,.import-btn{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none}.export-btn:hover,.import-btn:hover{background:#4d4d4d;border-color:#64b5f6!important}.overview-tabs{border-bottom-color:#404040!important}.overview-tab{background:#3d3d3d!important;border-color:#64b5f6!important;color:#64b5f6!important;outline:none!important}.overview-tab:hover{background:#4d4d4d!important;color:#64b5f6!important;border-color:#64b5f6!important}.overview-content{background:#2d2d2d!important;border-left-color:#2196f3!important;color:#e0e0e0!important}.overview-content h2{color:#e0e0e0!important}.overview-content p{color:#d0d0d0!important}.overview-content li{color:#d0d0d0!important;border-bottom-color:#404040!important}.overview-content strong,.overview-content a{color:#64b5f6!important}.overview-content a:hover{color:#90caf9!important}.instruction-section a{color:#64b5f6!important}.instruction-section a:hover{color:#90caf9!important}.table-container{background:#2d2d2d!important;border-color:#404040!important}.ad-groups-table,.hr-exclusions-table{background:#2d2d2d;color:#e0e0e0}.ad-groups-table thead th,.hr-exclusions-table thead th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.ad-groups-table tbody td,.hr-exclusions-table tbody td{border-color:#404040;color:#e0e0e0}.ad-groups-table tbody tr:hover,.hr-exclusions-table tbody tr:hover{background:#3d3d3d}.ad-group-name{background:transparent!important;color:#e0e0e0!important;border:none!important;font-weight:500!important}.filter-input,.edit-input,.edit-select,.exclusion-select{background:#2d2d2d!important;color:#fff!important;border-color:#404040!important}.filter-input:focus,.edit-input:focus,.edit-select:focus,.exclusion-select:focus{border-color:#64b5f6!important;background:#2d2d2d!important;color:#fff!important}.edit-input::-webkit-autofill,.edit-input::-webkit-autofill:hover,.edit-input::-webkit-autofill:focus{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:0 0 0px 1000px #3d3d3d inset!important;background-color:#3d3d3d!important}input[list]::-webkit-calendar-picker-indicator{filter:invert(1)}input.edit-input::placeholder{color:#b0b0b0!important}input.edit-input:-webkit-autofill,input.edit-input:-webkit-autofill:hover,input.edit-input:-webkit-autofill:focus,input.edit-input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #2d2d2d inset!important;box-shadow:0 0 0 1000px #2d2d2d inset!important;background-color:#2d2d2d!important;color:#fff!important}input.edit-input::-webkit-list-button,input.edit-input::-webkit-calendar-picker-indicator{filter:invert(1)}input.edit-input[autocomplete],input.edit-input{background-color:#2d2d2d!important;color:#fff!important}input.edit-input::-webkit-contacts-auto-fill-button{background-color:#2d2d2d!important}datalist option{background:#2d2d2d!important;color:#fff!important}.save-btn,.cancel-btn,.edit-btn,.clear-filters-btn,.load-more-btn{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none}.save-btn:hover,.edit-btn:hover{background:#4d4d4d;border-color:#64b5f6!important}.status-badge{color:#e0e0e0!important;font-weight:600!important}.status-item .status-badge{color:inherit!important}.status-badge.status-active,.status-active{background-color:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}.status-badge.status-new,.status-new{background-color:#1e3a5f!important;color:#bbdefb!important;border-color:#2196f3!important}.status-badge.status-orphaned,.status-orphaned{background-color:#4d3d1e!important;color:#ffe0b2!important;border-color:#ff9800!important}.status-badge.status-missing,.status-missing{background-color:#4d2d2d!important;color:#ffcdd2!important;border-color:#f44336!important}.overview-tabs{background:#2d2d2d;border-color:#404040}.overview-tab{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#64b5f6!important;outline:none!important}.overview-tab:hover{background:#4d4d4d!important;color:#e0e0e0!important;border-color:#64b5f6!important}.overview-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important;outline:none!important}.instruction-section{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important}.instruction-section h3{color:#e0e0e0!important}.instruction-section p,.instruction-section li,.instruction-section ol,.instruction-section ul{color:#d0d0d0!important}.instruction-section strong{color:#64b5f6!important}.hr-exclusions-header{background:#2d2d2d!important;border-color:#404040!important}.hr-exclusions-header h2{color:#e0e0e0!important}.hr-exclusions-header p,.status-explanations{color:#d0d0d0!important}.status-item{background:#2d2d2d!important;color:#d0d0d0!important;border-color:#404040!important}.loading-container{background:transparent!important}.loading-container p{color:#64b5f6!important}.status-item p{color:#d0d0d0!important}.status-item strong{color:#64b5f6!important}}:root[data-theme=dark] .optimize-page,:root.dark-mode .optimize-page{background:#1a1a1a;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}:root[data-theme=dark] .optimize-card,:root.dark-mode .optimize-card{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}:root[data-theme=dark] .optimize-card h3,:root.dark-mode .optimize-card h3{color:#e0e0e0}:root[data-theme=dark] .optimize-card p,:root.dark-mode .optimize-card p{color:#b0b0b0}:root[data-theme=dark] .metric .label,:root.dark-mode .metric .label{color:#b0b0b0}:root[data-theme=dark] .metric .value,:root.dark-mode .metric .value{color:#ff9800}:root[data-theme=dark] .stat-item,:root.dark-mode .stat-item{color:#e0e0e0}:root[data-theme=dark] .resource-item,:root.dark-mode .resource-item{color:#e0e0e0}:root[data-theme=dark] .tab-navigation,:root.dark-mode .tab-navigation{background:#2d2d2d!important;border-bottom-color:#404040!important}:root[data-theme=dark] .tab,:root.dark-mode .tab{background:#3d3d3d!important;border-color:#64b5f6!important;color:#64b5f6!important;box-shadow:0 2px 4px #0000004d!important;outline:none!important}:root[data-theme=dark] .tab:last-child,:root.dark-mode .tab:last-child{border-right-color:#64b5f6!important}:root[data-theme=dark] .tab:hover:not(.active),:root.dark-mode .tab:hover:not(.active){background:#4d4d4d!important;border-color:#64b5f6!important;color:#64b5f6!important}:root[data-theme=dark] .tab.active,:root.dark-mode .tab.active{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;border-bottom-color:#2d2d2d!important;box-shadow:0 8px 25px #2196f34d!important}:root[data-theme=dark] .tab.active:hover,:root.dark-mode .tab.active:hover{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .optimize-content,:root.dark-mode .optimize-content{background:#2d2d2d!important;box-shadow:0 2px 10px #0000004d;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}:root[data-theme=dark] .data-completion-section,:root.dark-mode .data-completion-section,:root[data-theme=dark] .overview-section,:root.dark-mode .overview-section{color:#e0e0e0;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}:root[data-theme=dark] .data-completion-section p,:root.dark-mode .data-completion-section p,:root[data-theme=dark] .data-completion-section li,:root.dark-mode .data-completion-section li,:root[data-theme=dark] .data-completion-section ol,:root.dark-mode .data-completion-section ol,:root[data-theme=dark] .data-completion-section ul,:root.dark-mode .data-completion-section ul{color:#d0d0d0!important}:root[data-theme=dark] .data-completion-section strong,:root.dark-mode .data-completion-section strong{color:#64b5f6!important}:root[data-theme=dark] .data-completion-section h3,:root.dark-mode .data-completion-section h3{color:#e0e0e0!important}:root[data-theme=dark] .overview-tab-content,:root.dark-mode .overview-tab-content{overflow-x:hidden;max-width:100%;color:#d0d0d0!important}:root[data-theme=dark] .overview-tab-content p,:root.dark-mode .overview-tab-content p,:root[data-theme=dark] .overview-tab-content li,:root.dark-mode .overview-tab-content li,:root[data-theme=dark] .overview-tab-content ol,:root.dark-mode .overview-tab-content ol,:root[data-theme=dark] .overview-tab-content ul,:root.dark-mode .overview-tab-content ul{color:#d0d0d0!important}:root[data-theme=dark] .instructions-grid,:root.dark-mode .instructions-grid{overflow-x:hidden;max-width:100%}:root[data-theme=dark] .instructions-grid p,:root.dark-mode .instructions-grid p,:root[data-theme=dark] .instructions-grid li,:root.dark-mode .instructions-grid li,:root[data-theme=dark] .instructions-grid ol,:root.dark-mode .instructions-grid ol,:root[data-theme=dark] .instructions-grid ul,:root.dark-mode .instructions-grid ul{color:#d0d0d0!important}:root[data-theme=dark] .table-actions,:root.dark-mode .table-actions{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .export-btn,:root.dark-mode .export-btn,:root[data-theme=dark] .import-btn,:root.dark-mode .import-btn{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .export-btn:hover,:root.dark-mode .export-btn:hover,:root[data-theme=dark] .import-btn:hover,:root.dark-mode .import-btn:hover{background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .overview-tabs,:root.dark-mode .overview-tabs{background:#2d2d2d;border-color:#404040;border-bottom-color:#404040!important}:root[data-theme=dark] .overview-tab,:root.dark-mode .overview-tab{background:#3d3d3d!important;border-color:#64b5f6!important;color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .overview-tab:hover,:root.dark-mode .overview-tab:hover{background:#4d4d4d!important;color:#64b5f6!important;border-color:#64b5f6!important}:root[data-theme=dark] .overview-content,:root.dark-mode .overview-content{background:#2d2d2d!important;border-left-color:#2196f3!important;color:#e0e0e0!important}:root[data-theme=dark] .overview-content h2,:root.dark-mode .overview-content h2{color:#e0e0e0!important}:root[data-theme=dark] .overview-content p,:root.dark-mode .overview-content p{color:#d0d0d0!important}:root[data-theme=dark] .overview-content li,:root.dark-mode .overview-content li{color:#d0d0d0!important;border-bottom-color:#404040!important}:root[data-theme=dark] .overview-content strong,:root.dark-mode .overview-content strong{color:#64b5f6!important}:root[data-theme=dark] .overview-content a,:root.dark-mode .overview-content a{color:#64b5f6!important}:root[data-theme=dark] .overview-content a:hover,:root.dark-mode .overview-content a:hover{color:#90caf9!important}:root[data-theme=dark] .table-container,:root.dark-mode .table-container{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .ad-groups-table,:root.dark-mode .ad-groups-table,:root[data-theme=dark] .hr-exclusions-table,:root.dark-mode .hr-exclusions-table{background:#2d2d2d;color:#e0e0e0}:root[data-theme=dark] .ad-groups-table thead th,:root.dark-mode .ad-groups-table thead th,:root[data-theme=dark] .hr-exclusions-table thead th,:root.dark-mode .hr-exclusions-table thead th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .ad-groups-table tbody td,:root.dark-mode .ad-groups-table tbody td,:root[data-theme=dark] .hr-exclusions-table tbody td,:root.dark-mode .hr-exclusions-table tbody td{border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .ad-groups-table tbody tr:hover,:root.dark-mode .ad-groups-table tbody tr:hover,:root[data-theme=dark] .hr-exclusions-table tbody tr:hover,:root.dark-mode .hr-exclusions-table tbody tr:hover{background:#3d3d3d}:root[data-theme=dark] .ad-group-name,:root.dark-mode .ad-group-name{background:transparent!important;color:#e0e0e0!important;border:none!important;font-weight:500!important}:root[data-theme=dark] .filter-input,:root.dark-mode .filter-input,:root[data-theme=dark] .edit-input,:root.dark-mode .edit-input,:root[data-theme=dark] .edit-select,:root.dark-mode .edit-select,:root[data-theme=dark] .exclusion-select,:root.dark-mode .exclusion-select{background:#2d2d2d!important;color:#fff!important;border-color:#404040!important}:root[data-theme=dark] .filter-input:focus,:root.dark-mode .filter-input:focus,:root[data-theme=dark] .edit-input:focus,:root.dark-mode .edit-input:focus,:root[data-theme=dark] .edit-select:focus,:root.dark-mode .edit-select:focus,:root[data-theme=dark] .exclusion-select:focus,:root.dark-mode .exclusion-select:focus{border-color:#64b5f6!important;background:#2d2d2d!important;color:#fff!important}:root[data-theme=dark] .edit-input::-webkit-autofill,:root.dark-mode .edit-input::-webkit-autofill,:root[data-theme=dark] .edit-input::-webkit-autofill:hover,:root.dark-mode .edit-input::-webkit-autofill:hover,:root[data-theme=dark] .edit-input::-webkit-autofill:focus,:root.dark-mode .edit-input::-webkit-autofill:focus{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:0 0 0px 1000px #3d3d3d inset!important;background-color:#3d3d3d!important}:root[data-theme=dark] input[list]::-webkit-calendar-picker-indicator,:root.dark-mode input[list]::-webkit-calendar-picker-indicator{filter:invert(1)}:root[data-theme=dark] input.edit-input::placeholder,:root.dark-mode input.edit-input::placeholder{color:#b0b0b0!important}:root[data-theme=dark] input.edit-input:-webkit-autofill,:root.dark-mode input.edit-input:-webkit-autofill,:root[data-theme=dark] input.edit-input:-webkit-autofill:hover,:root.dark-mode input.edit-input:-webkit-autofill:hover,:root[data-theme=dark] input.edit-input:-webkit-autofill:focus,:root.dark-mode input.edit-input:-webkit-autofill:focus,:root[data-theme=dark] input.edit-input:-webkit-autofill:active,:root.dark-mode input.edit-input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #2d2d2d inset!important;box-shadow:0 0 0 1000px #2d2d2d inset!important;background-color:#2d2d2d!important;color:#fff!important}:root[data-theme=dark] input.edit-input::-webkit-list-button,:root.dark-mode input.edit-input::-webkit-list-button,:root[data-theme=dark] input.edit-input::-webkit-calendar-picker-indicator,:root.dark-mode input.edit-input::-webkit-calendar-picker-indicator{filter:invert(1)}:root[data-theme=dark] input.edit-input[autocomplete],:root.dark-mode input.edit-input[autocomplete]{background-color:#2d2d2d!important;color:#fff!important}:root[data-theme=dark] input.edit-input,:root.dark-mode input.edit-input{background-color:#2d2d2d!important;color:#fff!important}:root[data-theme=dark] input.edit-input::-webkit-contacts-auto-fill-button,:root.dark-mode input.edit-input::-webkit-contacts-auto-fill-button{background-color:#2d2d2d!important}:root[data-theme=dark] datalist option,:root.dark-mode datalist option{background:#2d2d2d!important;color:#fff!important}:root[data-theme=dark] .save-btn,:root.dark-mode .save-btn,:root[data-theme=dark] .cancel-btn,:root.dark-mode .cancel-btn,:root[data-theme=dark] .edit-btn,:root.dark-mode .edit-btn,:root[data-theme=dark] .clear-filters-btn,:root.dark-mode .clear-filters-btn,:root[data-theme=dark] .load-more-btn,:root.dark-mode .load-more-btn{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .save-btn:hover,:root.dark-mode .save-btn:hover,:root[data-theme=dark] .edit-btn:hover,:root.dark-mode .edit-btn:hover{background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .status-badge,:root.dark-mode .status-badge{color:#e0e0e0!important;font-weight:600!important}:root[data-theme=dark] .status-item .status-badge,:root.dark-mode .status-item .status-badge{color:inherit!important}:root[data-theme=dark] .status-badge.status-active,:root.dark-mode .status-badge.status-active,:root[data-theme=dark] .status-active,:root.dark-mode .status-active{background-color:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}:root[data-theme=dark] .status-badge.status-new,:root.dark-mode .status-badge.status-new,:root[data-theme=dark] .status-new,:root.dark-mode .status-new{background-color:#1e3a5f!important;color:#bbdefb!important;border-color:#2196f3!important}:root[data-theme=dark] .status-badge.status-orphaned,:root.dark-mode .status-badge.status-orphaned,:root[data-theme=dark] .status-orphaned,:root.dark-mode .status-orphaned{background-color:#4d3d1e!important;color:#ffe0b2!important;border-color:#ff9800!important}:root[data-theme=dark] .status-badge.status-missing,:root.dark-mode .status-badge.status-missing,:root[data-theme=dark] .status-missing,:root.dark-mode .status-missing{background-color:#4d2d2d!important;color:#ffcdd2!important;border-color:#f44336!important}:root[data-theme=dark] .overview-tab,:root.dark-mode .overview-tab{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .overview-tab:hover,:root.dark-mode .overview-tab:hover{background:#4d4d4d!important;color:#e0e0e0!important;border-color:#64b5f6!important}:root[data-theme=dark] .instruction-section,:root.dark-mode .instruction-section{background:#2d2d2d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .instruction-section h3,:root.dark-mode .instruction-section h3{color:#e0e0e0!important}:root[data-theme=dark] .instruction-section p,:root.dark-mode .instruction-section p,:root[data-theme=dark] .instruction-section li,:root.dark-mode .instruction-section li{color:#d0d0d0!important}:root[data-theme=dark] .instruction-section ol,:root.dark-mode .instruction-section ol,:root[data-theme=dark] .instruction-section ul,:root.dark-mode .instruction-section ul{color:#d0d0d0!important}:root[data-theme=dark] .hr-exclusions-header,:root.dark-mode .hr-exclusions-header{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .hr-exclusions-header h2,:root.dark-mode .hr-exclusions-header h2{color:#e0e0e0!important}:root[data-theme=dark] .hr-exclusions-header p,:root.dark-mode .hr-exclusions-header p{color:#d0d0d0!important}:root[data-theme=dark] .status-item,:root.dark-mode .status-item{background:#2d2d2d!important;color:#d0d0d0!important;border-color:#404040!important}:root[data-theme=dark] .status-explanations,:root.dark-mode .status-explanations{color:#d0d0d0!important}:root[data-theme=dark] .loading-container,:root.dark-mode .loading-container{background:transparent!important}:root[data-theme=dark] .loading-container p,:root.dark-mode .loading-container p{color:#64b5f6!important}:root[data-theme=dark] .status-item p,:root.dark-mode .status-item p{color:#d0d0d0!important}.migrate-page{padding:20px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px);width:100%}.page-header{margin-bottom:30px}.migrate-tabs{display:flex;gap:10px;margin:30px 0;border-bottom:2px solid #e9ecef;padding-bottom:10px;position:sticky;top:70px;z-index:100;background:#f8f9fa;padding-top:10px}.migrate-tab{background:#fff;border:2px solid #e9ecef;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:600;color:#2196f3;transition:all .3s ease;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:8px;flex:1}.migrate-tab:last-child{border-right:2px solid #e9ecef}.migrate-tab:hover{background:#f0f8ff;color:#2196f3;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.migrate-tab.active{background:#2196f3;color:#fff;border-color:#2196f3}.migrate-tab.active:hover{background:#2196f3!important;background-color:#2196f3!important;color:#fff!important;border-color:#2196f3!important;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d!important}.migrate-content{background:#fff;border-radius:0 0 8px 8px;padding:0;box-shadow:0 2px 10px #0000001a;min-height:500px}.overview-section{padding:20px;width:100%}.overview-tabs{display:flex;border-bottom:1px solid #e9ecef;margin-bottom:30px;background:#f8f9fa;border-radius:6px 6px 0 0;overflow:hidden}.overview-tab{background:#f8f9fa;border:none;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .3s ease;border-right:1px solid #e9ecef;flex:1}.overview-tab:last-child{border-right:none}.overview-tab:hover{background:#e9ecef;color:#495057}.overview-tab.active{background:#28a745;color:#fff;border-bottom:2px solid #1e7e34}.overview-content{background:#fff;padding:20px;width:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a}.overview-tab-content{min-height:300px}.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.instructions-grid .instruction-section{margin:0}.instruction-section h3{color:#2c3e50;font-size:1.3em;margin-bottom:15px;font-weight:600}.instruction-section p{color:#6c757d;margin-bottom:15px;line-height:1.5}.instruction-section ol{margin:0;padding-left:20px}.instruction-section li{margin:4px 0;line-height:1.4;color:#495057}.instruction-section ul{margin:0;padding-left:20px}.instruction-section ul li{margin:4px 0;line-height:1.4;color:#495057}.status-explanations{margin-top:20px}.status-explanations h3{color:#2c3e50;font-size:1.5em;margin-bottom:20px;font-weight:600}.status-item{display:flex;align-items:center;margin:15px 0;padding:10px;background:#f8f9fa;border-radius:6px}.status-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;margin-right:15px;min-width:80px;text-align:center;border:1px solid transparent}.status-ready{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-ready-test{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-re-package{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-re-gat-test{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-re-test-gat-ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-ready-re-test-gat,.status-re-pat-test{background:#e8f5e8;color:#2d5a2d;border:1px solid #c3e6c3}.status-started{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.status-in-progress{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-completed{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-pending,.status-no-package{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.status-gat-ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-pat-ok{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-pat-planned{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-pat-on-hold{background:#ffeaa7;color:#8b4513;border:1px solid #ffd93d}.status-gat-active{background:#e3f2fd;color:#0d47a1;border:1px solid #bbdefb}.status-gat-on-hold{background:#fff8e1;color:#e65100;border:1px solid #ffcc02}.status-pat-active{background:#e8f5e8;color:#1b5e20;border:1px solid #c8e6c9}.status-in-scope{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-on-hold{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-empty{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.status-vdi{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-local{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.status-saas{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-planned{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-out-scope-div{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-out-scope-org{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.auto-calculated{display:flex;align-items:center;gap:8px}.auto-indicator{font-size:.9em;opacity:.7;cursor:help}.department-cell{font-weight:600;color:#2c3e50}.division-cell{color:#6c757d;font-style:italic}.user-count-cell,.app-count-cell{text-align:center}.count-badge{background:#e9ecef;color:#495057;padding:4px 8px;border-radius:12px;font-size:.85em;font-weight:600}.applications-cell{max-width:300px}.applications-list{display:flex;flex-wrap:wrap;gap:6px;margin:0}.app-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.8em;font-weight:500;cursor:help;transition:opacity .2s ease}.app-badge:hover{opacity:.8}.app-in-scope{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.app-out-scope{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.app-out-scope-org{background:#e2e3f1;color:#4a4a6a;border:1px solid #d1d3e2}.app-on-hold{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.app-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.migration-status-cell{text-align:center}.status-summary{display:flex;justify-content:center}.status-ok{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.instructions-panel{margin-bottom:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.instructions-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#e9ecef;border-radius:8px 8px 0 0;cursor:pointer}.instructions-header h3{margin:0;color:#495057;font-size:1.1em}.toggle-instructions{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s}.toggle-instructions:hover{background:#0056b3}.instructions-content{padding:20px;background:#fff;border-radius:0 0 8px 8px}.instruction-section{margin-bottom:25px}.instruction-section h4{color:#495057;margin-bottom:10px;font-size:1.05em}.instruction-section h5{color:#6c757d;margin:15px 0 8px;font-size:1em}.instruction-section p{margin-bottom:10px;line-height:1.5;color:#495057}.instruction-section ul,.instruction-section ol{margin-left:20px;margin-bottom:10px}.instruction-section li{margin-bottom:5px;line-height:1.4;color:#495057}.scope-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:15px 0}.scope-option{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:4px solid #dee2e6}.scope-option .scope-badge{flex-shrink:0;font-size:.9em;padding:4px 8px}.scope-option p{margin:0;font-size:.9em;color:#6c757d}.scope-option span:last-child{margin:0;font-size:.9em;color:#6c757d}.view-level-explanation{background:#e7f3ff;padding:15px;border-radius:6px;border-left:4px solid #007bff;margin-top:15px}.view-level-explanation h5{margin-top:0;color:#0056b3}.department-filters{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:600;color:#495057;white-space:nowrap}.filter-select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#495057;font-size:.9em}.checkbox-group{display:flex;gap:12px;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:4px;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{margin:0}.migration-filters{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px 20px;margin:20px 0;display:flex;align-items:center;gap:20px}.migration-filters .filter-group{display:flex;align-items:center;gap:8px}.migration-filters .filter-group label{font-weight:600;color:#495057;white-space:nowrap}.migration-filters .filter-select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#495057;font-size:.9em;min-width:150px}.matrix-filters{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:20px 0;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.matrix-filters .filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.matrix-filters .filter-group label{font-weight:600;color:#495057;font-size:.9em}.matrix-filters .filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#495057;font-size:.9em}.matrix-filters .checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.matrix-filters .checkbox-label{display:flex;align-items:center;gap:5px;font-size:.85em;font-weight:500;color:#495057;cursor:pointer}.matrix-filters .checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.matrix-table-container{margin:20px 0;background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.matrix-table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:.85em;background:#2c3e50;color:#fff}.matrix-table th{background:#34495e;color:#fff;padding:12px 8px;text-align:center;font-weight:600;border:1px solid #4a5f7a;position:sticky;top:0;z-index:10}.matrix-table .app-column{min-width:250px;text-align:left;position:sticky;left:0;background:#34495e;z-index:11}.matrix-table .will-be-column,.matrix-table .out-of-scope-column{min-width:100px;text-align:center;position:sticky;left:250px;background:#34495e;z-index:11}.matrix-table .user-column{min-width:80px;text-align:center;font-size:.8em}.matrix-table td{padding:8px;border:1px solid #4a5f7a;text-align:center}.matrix-table .app-name{text-align:left;font-weight:500;position:sticky;left:0;background:#2c3e50;z-index:5}.matrix-table .will-be-value,.matrix-table .out-of-scope-value{text-align:center;position:sticky;left:250px;background:#2c3e50;z-index:5}.matrix-table .usage-cell{text-align:center;padding:4px}.usage-dot{color:#fff;font-size:12px;font-weight:700}.no-usage{color:#6c757d;font-size:12px}.matrix-export{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0}.export-text{font-weight:600;color:#495057}.export-button{display:flex;align-items:center;gap:8px;background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.export-button:hover{background:#0056b3}.export-icon{font-size:16px}.summary-row{background:#e9ecef;border:1px solid #dee2e6;border-radius:8px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.summary-item{display:flex;align-items:center;gap:20px}.summary-label{font-weight:600;font-size:1.1em;color:#2c3e50}.summary-apps{background:#ffc107;color:#212529;padding:4px 12px;border-radius:12px;font-weight:600;font-size:.9em}.summary-users,.summary-depts{font-weight:600;color:#495057}.summary-progress{display:flex;gap:30px;align-items:center}.progress-item{display:flex;align-items:center;gap:8px;font-size:.9em}.progress-bar{width:100px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.progress-fill.package{background:#007bff}.progress-fill.testing{background:#6c757d}.progress-text{font-weight:600;color:#495057;min-width:30px}.ready-date,.readiness-percent{font-weight:600;color:#495057}.app-name-cell{font-weight:600;color:#2c3e50}.will-be-cell,.ready-by-cell,.testing-ready-cell{color:#6c757d;font-style:italic}.platform-badge{padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.platform-badge.vdi{background:#17a2b8;color:#fff}.platform-badge.local{background:#6f42c1;color:#fff}.platform-badge.saas{background:#20c997;color:#fff}.scope-badge{padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.scope-badge.in-scope{background:#d4edda;color:#155724}.scope-badge.not-used{background:#e2e3e5;color:#6c757d;font-style:italic}.scope-badge.out-scope,.scope-badge.out-scope-div{background:#f8d7da;color:#721c24}.scope-badge.out-scope-org{background:#e2e3f1;color:#4a4a6a}.scope-badge.on-hold{background:#fff3cd;color:#856404}.scope-badge.unknown{background:#f8f9fa;color:#6c757d}.scope-select{padding:4px 8px;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#495057;font-size:.8em;min-width:120px}.scope-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.scope-edit-container{display:flex;flex-direction:column;gap:4px}.scope-edit-hint{color:#6c757d;font-size:.75em;font-style:italic;margin-top:2px}.app-name-with-warning{display:flex;align-items:center;gap:8px}.warning-icon{color:#ffc107;font-size:1.1em;cursor:help;flex-shrink:0}.users-cell,.depts-cell{text-align:right;font-weight:600;color:#495057}.package-progress-cell,.testing-progress-cell{display:flex;align-items:center;gap:8px}.test-result-badge{padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.test-result-badge.pass{background:#d4edda;color:#155724}.test-result-badge.fail{background:#f8d7da;color:#721c24}.test-result-badge.in-progress{background:#d1ecf1;color:#0c5460}.test-result-badge.unknown{background:#f8f9fa;color:#6c757d}.readiness-badge{padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.readiness-badge.ready{background:#d4edda;color:#155724}.readiness-badge.in-progress{background:#d1ecf1;color:#0c5460}.readiness-badge.not-started{background:#e9ecef;color:#212529!important;font-weight:600!important}.readiness-badge.unknown{background:#e2e3e5;color:#6c757d}.scope-alert{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin:20px 0;display:flex;gap:15px;align-items:flex-start}.alert-icon{font-size:1.5em;flex-shrink:0;margin-top:2px}.alert-content h4{color:#856404;margin:0 0 10px;font-size:1.1em}.alert-content p{color:#856404;margin:0 0 10px;line-height:1.4}.alert-content ul{margin:10px 0;padding-left:20px}.alert-content li{color:#856404;margin:5px 0;line-height:1.4}.alert-note{background:#f8f9fa;border-left:4px solid #ffc107;padding:10px 15px;margin:15px 0 0!important;border-radius:4px;font-style:italic}.data-completion-section{padding:20px}.table-section{margin-bottom:40px}.table-section:last-child{margin-bottom:0}.table-title{color:#2c3e50;font-size:1.5em;margin:0 0 15px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e9ecef}.section-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-header h2{color:#2c3e50;font-size:2em;margin:0;font-weight:600}.header-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.application-search-input{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;min-width:200px;transition:border-color .3s ease}.application-search-input:focus{outline:none;border-color:#007bff}.application-search-input::placeholder{color:#6c757d}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-content>div:first-child{flex:1}.section-header p{color:#6c757d;font-size:1.1em;margin:0}.refresh-btn{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;min-width:120px}.refresh-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.table-actions{display:flex;gap:15px;margin-bottom:20px;justify-content:flex-end;padding:15px 20px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef}.export-btn,.import-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.export-btn:hover,.import-btn:hover{background:#218838}.import-btn{background:#007bff}.import-btn:hover{background:#0056b3}.clear-btn{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.clear-btn:hover{background:#c82333}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.migrate-table{width:100%;border-collapse:collapse;font-size:14px}.migrate-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:15px 12px;text-align:left;border-bottom:2px solid #e9ecef;white-space:nowrap;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.migrate-table th.sortable:hover,.migrate-table th.filterable:hover{background-color:#e8e8e8}.sort-icon{margin-left:8px;font-size:.8em;color:#666;transition:color .3s ease}.migrate-table th.sortable:hover .sort-icon{color:#007bff}.filter-icon{margin-left:5px;font-size:.9em;color:#666;transition:color .3s ease}.migrate-table th.filterable:hover .filter-icon{color:#007bff}.migrate-table td{padding:12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.migrate-table td:first-child{min-width:200px;max-width:300px;word-wrap:break-word;white-space:normal;color:#212529!important;font-weight:600!important}.migrate-table td:nth-child(2){min-width:120px;text-align:center;color:#212529!important}.migrate-table td:nth-child(3),.migrate-table td:nth-child(4){min-width:100px;text-align:center;color:#212529!important}.migrate-table td{color:#212529!important;font-weight:500!important}.migrate-table td[title*=Invalid]{color:#dc3545!important;font-style:italic;font-weight:600!important}.status-badge{color:#212529!important;font-weight:600!important}.migrate-table .status-badge{color:#212529!important;font-weight:600!important;padding:6px 12px!important;border-radius:16px!important;border:1px solid transparent!important}.migrate-table .status-ready{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.migrate-table .status-started{background:#e3f2fd!important;color:#1976d2!important;border:1px solid #bbdefb!important}.migrate-table .status-in-progress{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.migrate-table .status-completed{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.migrate-table .status-failed{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.migrate-table .status-pending,.migrate-table .status-no-package{background:#e2e3e5!important;color:#383d41!important;border:1px solid #d6d8db!important}.migrate-table .status-gat-ok{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.migrate-table .status-gat-active{background:#e3f2fd!important;color:#0d47a1!important;border:1px solid #bbdefb!important}.migrate-table .status-gat-on-hold{background:#fff8e1!important;color:#e65100!important;border:1px solid #ffcc02!important}.migrate-table .status-pat-active{background:#e8f5e8!important;color:#1b5e20!important;border:1px solid #c8e6c9!important}.migrate-table .status-pat-ok{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.migrate-table .status-pat-planned{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.migrate-table .status-pat-on-hold{background:#ffeaa7!important;color:#8b4513!important;border:1px solid #ffd93d!important}.status-preparation{background:#e3f2fd!important;color:#1976d2!important;border:1px solid #bbdefb!important}.status-ready-to-test{background:#e8f5e8!important;color:#2d5a2d!important;border:1px solid #c3e6c3!important}.status-active-tests-gat{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.status-active-tests-pat{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.status-rejected-gat,.status-rejected-pat{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.status-re-package{background:#ffeaa7!important;color:#8b4513!important;border:1px solid #ffd93d!important}.status-re-gat-test{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.status-re-test{background:#e8f5e8!important;color:#2d5a2d!important;border:1px solid #c3e6c3!important}.status-test-finished{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.status-package-finished{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.parallel-track-system{background:#f8f9fa;border-radius:12px;padding:20px;margin:20px 0}.lane-selector{display:flex;gap:12px;margin:0;justify-content:flex-end}.lane-button{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:140px;font-size:.9rem}.lane-button:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.lane-button.active{border-color:#007bff;background:#e3f2fd;box-shadow:0 4px 12px #007bff33}.lane-icon{font-size:1.5rem;margin-bottom:4px}.lane-description{font-size:.9rem;color:#6c757d;text-align:center}.lane-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap;justify-content:center}.lane-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.lane-tab:hover{border-color:#007bff;background:#f8f9fa}.lane-tab.active{border-color:#007bff;background:#e3f2fd;color:#007bff}.tab-icon{font-size:1.2rem}.tab-count{background:#6c757d;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.lane-tab.active .tab-count{background:#007bff}.package-lane .lane-tab.active{border-color:#2196f3;background:#2196f3;color:#fff}.package-lane .lane-tab.active .tab-count{background:#ffffff4d}.test-lane .lane-tab.active{border-color:#2196f3;background:#2196f3;color:#fff}.test-lane .lane-tab.active .tab-count{background:#ffffff4d}.status-pause{background:#ffeaa7!important;color:#8b4513!important;border:1px solid #ffd93d!important}.status-re-work-gat,.status-re-work-pat{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.status-ready-gat{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.status-ready-pat{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.status-active-gat{background:#e3f2fd!important;color:#1976d2!important;border:1px solid #bbdefb!important}.status-active-pat{background:#e8f5e8!important;color:#2d5a2d!important;border:1px solid #c3e6c3!important}.status-re-gat{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.status-re-pat{background:#e8f5e8!important;color:#2d5a2d!important;border:1px solid #c3e6c3!important}.test-status-table .migrate-table .status-gat-ok{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.test-status-table .migrate-table .status-pat-ok{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.test-status-table .migrate-table .status-pat-planned{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.test-status-table .migrate-table .status-pat-on-hold{background:#ffeaa7!important;color:#8b4513!important;border:1px solid #ffd93d!important}.test-status-table .migrate-table .status-in-progress{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.test-status-table .migrate-table .status-pending{background:#e2e3e5!important;color:#383d41!important;border:1px solid #d6d8db!important}.test-status-table .migrate-table tbody tr td .status-badge.status-gat-ok{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.test-status-table .migrate-table tbody tr td .status-badge.status-pat-ok{background:#d1ecf1!important;color:#0c5460!important;border:1px solid #b8daff!important}.test-status-table .migrate-table tbody tr td .status-badge.status-pat-planned{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.test-status-table .migrate-table tbody tr td .status-badge.status-pat-on-hold{background:#ffeaa7!important;color:#8b4513!important;border:1px solid #ffd93d!important}.test-status-table .migrate-table tbody tr td .status-badge.status-in-progress{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.test-status-table .migrate-table tbody tr td .status-badge.status-pending{background:#e2e3e5!important;color:#383d41!important;border:1px solid #d6d8db!important}.test-status-table .migrate-table tbody tr td .status-badge.status-rejected{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.test-status-table .migrate-table tbody tr td .status-badge.status-re-test{background:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.test-status-table .migrate-table tbody tr td .status-badge:not(.status-gat-ok):not(.status-pat-ok):not(.status-pat-planned):not(.status-pat-on-hold):not(.status-in-progress):not(.status-rejected):not(.status-re-test){background:#f8f9fa!important;color:#6c757d!important;border:1px solid #dee2e6!important}.migrate-table tbody tr td,.migrate-table tbody tr td span,.migrate-table tbody tr td div,.migrate-table tbody tr td div span,.migrate-table tbody tr td .status-badge{color:#212529!important;font-weight:500!important}.migrate-table tbody tr td:first-child{color:#212529!important;font-weight:600!important}.migrate-table tbody tr td span{color:#212529!important;font-weight:500!important}.migrate-table tbody tr td div{color:#212529!important}.migrate-table tbody tr td div span{color:#212529!important;font-weight:600!important}.migrate-table tbody tr td *,.migrate-table tbody tr td{color:#212529!important}.test-status-table .migrate-table tbody tr td{color:#212529!important;font-weight:500!important;background-color:#fff!important}.test-status-table .migrate-table tbody tr td span{color:#212529!important;font-weight:500!important}.test-status-table .migrate-table tbody tr td div{color:#212529!important}.test-status-table .migrate-table tbody tr td div span{color:#212529!important;font-weight:600!important}.test-status-table .migrate-table tbody tr td,.test-status-table .migrate-table tbody tr td *{color:#212529!important;font-weight:500!important}.test-status-table .migrate-table tbody tr{background-color:#fff!important}.test-status-table .migrate-table tbody tr td{background-color:#fff!important;color:#212529!important;font-weight:500!important}.test-status-table .migrate-table tbody tr td *{color:#212529!important;font-weight:500!important}.test-status-table .migrate-table tbody tr td{border:1px solid #e9ecef!important;min-height:40px!important}.summary-row,.summary-row *,.summary-progress,.summary-progress *,.progress-item,.progress-item *,.summary-item,.summary-item *,.summary-label,.summary-apps,.summary-users,.summary-depts,.ready-date,.readiness-percent{color:#212529!important;background-color:#fff!important;font-weight:600!important}.department-status-table .migrate-table tbody tr td{background-color:#fff!important;color:#212529!important;font-weight:500!important}.department-status-table .migrate-table tbody tr td *{color:#212529!important;font-weight:500!important}.department-status-table .migrate-table tbody tr td .progress-text{color:#212529!important;font-weight:600!important}.department-status-table .migrate-table tbody tr td .ready-date{color:#212529!important;font-weight:500!important}.department-status-table .migrate-table tbody tr td .readiness-percent{color:#212529!important;font-weight:600!important}.department-status-table .migrate-table tbody tr td{background-color:#fff!important}.department-status-table .migrate-table tbody tr td .app-name-cell,.department-status-table .migrate-table tbody tr td .will-be-cell,.department-status-table .migrate-table tbody tr td .users-cell,.department-status-table .migrate-table tbody tr td .depts-cell,.department-status-table .migrate-table tbody tr td .ready-date{color:#212529!important}.department-status-table .migrate-table tbody tr td .progress-bar{background-color:#e9ecef!important}.department-status-table .migrate-table tbody tr td .progress-fill{background-color:#007bff!important}.readiness-badge.not-applicable{background-color:#f8f9fa!important;color:#6c757d!important;border:1px solid #dee2e6!important;font-weight:500!important}.migrate-table input[type=text],.migrate-table input[type=email],.migrate-table input[type=password],.migrate-table input[type=search],.migrate-table textarea,.migrate-table select{background-color:#fff!important;color:#212529!important;border:1px solid #ced4da!important;padding:.375rem .75rem!important;font-size:1rem!important;line-height:1.5!important}.migrate-table input[type=text]:focus,.migrate-table input[type=email]:focus,.migrate-table input[type=password]:focus,.migrate-table input[type=search]:focus,.migrate-table textarea:focus,.migrate-table select:focus{background-color:#fff!important;color:#212529!important;border-color:#80bdff!important;outline:0!important;box-shadow:0 0 0 .2rem #007bff40!important}.department-status-table .migrate-table tbody tr td .package-progress-cell,.department-status-table .migrate-table tbody tr td .testing-progress-cell,.department-status-table .migrate-table tbody tr td .package-progress-cell *,.department-status-table .migrate-table tbody tr td .testing-progress-cell *{color:#212529!important}.test-status-table .migrate-table tbody tr td span,.test-status-table .migrate-table tbody tr td div,.test-status-table .migrate-table tbody tr td input,.test-status-table .migrate-table tbody tr td select{color:#212529!important;font-weight:500!important;background-color:transparent!important}.filter-notice{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px 16px;margin:10px 0 20px;font-size:14px;color:#1976d2}.filter-notice p{margin:0;line-height:1.4}.filter-notice strong{color:#0d47a1;font-weight:600}.filtering-explanation{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px 20px;margin-top:15px}.filtering-explanation h4{color:#2c3e50;font-size:1.1em;margin:0 0 10px;font-weight:600}.filtering-explanation p{color:#495057;margin:8px 0;line-height:1.5}.filtering-explanation ul{margin:10px 0;padding-left:20px}.filtering-explanation ul li{color:#495057;margin:4px 0;line-height:1.4}.filtering-explanation strong{color:#2c3e50;font-weight:600}.filtering-explanation em{color:#6c757d;font-style:italic}.practices-explanation{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:8px;padding:16px 20px;margin-top:15px}.practices-explanation h4{color:#1e3a8a;font-size:1.1em;margin:0 0 10px;font-weight:600}.practices-explanation p{color:#1e40af;margin:8px 0;line-height:1.5}.practices-explanation ol{margin:10px 0;padding-left:20px}.practices-explanation ol li{color:#1e40af;margin:6px 0;line-height:1.4}.practices-explanation strong{color:#1e3a8a;font-weight:600}.practices-explanation em{color:#64748b;font-style:italic}.scope-info{display:flex;flex-direction:column;gap:4px}.scope-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.scope-badge.in-scope{background:#d4edda;color:#155724;border-color:#c3e6cb}.scope-badge.out-scope{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.scope-badge.not-used{background:#fff3cd;color:#856404;border-color:#ffeaa7}.scope-badge.on-hold{background:#d1ecf1;color:#0c5460;border-color:#b8daff}.scope-badge.unknown{background:#e2e3e5;color:#383d41;border-color:#d6d8db}.scope-badge.no-override{background:#f8f9fa;color:#6c757d;border-color:#dee2e6;font-style:italic}.departments-list{font-size:11px;color:#6c757d;line-height:1.3}.departments-list small{display:block;margin-top:2px}.view-controls{display:flex;align-items:center;gap:15px;margin-top:15px;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.toggle-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.toggle-btn:hover{background:#5a6268;transform:translateY(-1px)}.toggle-btn.active{background:#28a745}.toggle-btn.active:hover{background:#218838}.view-indicator{color:#6c757d;font-size:14px;font-weight:500;background:#fff;padding:6px 12px;border-radius:4px;border:1px solid #dee2e6}.divisions-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:600;padding:0 8px;border:1px solid #bbdefb}.divisions-count:hover{background:#bbdefb;transform:scale(1.05);transition:all .2s ease}.reference-explanation{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px 20px;margin-top:15px}.reference-explanation h4{color:#2c3e50;font-size:1.1em;margin:0 0 10px;font-weight:600}.reference-explanation p{color:#495057;margin:8px 0;line-height:1.5}.reference-explanation ul{margin:10px 0;padding-left:20px}.reference-explanation ul li{color:#495057;margin:4px 0;line-height:1.4}.reference-explanation strong{color:#2c3e50;font-weight:600}.reference-explanation em{color:#6c757d;font-style:italic}.migrate-table .will-be-cell,.migrate-table .ready-by-cell,.migrate-table .testing-ready-cell{color:#212529!important;font-weight:500!important}.migrate-table tbody tr:hover{background:#f8f9fa}.migrate-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px!important}.reports-under-construction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);background:#ffffc8f2;color:#856404;font-size:3em;font-weight:700;padding:20px 60px;border:3px solid #ffc107;border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:1000;text-align:center;white-space:nowrap;pointer-events:none;opacity:.9}.data-completion-section{position:relative}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.report-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000001a}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.report-icon{font-size:3em;margin-bottom:15px}.report-card h3{color:#2c3e50;font-size:1.3em;margin:0 0 10px;font-weight:600}.report-card p{color:#6c757d;font-size:.95em;margin:0 0 20px;line-height:1.4}.report-actions{display:flex;gap:10px;justify-content:center}.report-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s ease;min-width:100px}.report-btn.primary{background:#007bff;color:#fff}.report-btn.primary:hover{background:#0056b3}.report-btn.secondary{background:#6c757d;color:#fff}.report-btn.secondary:hover{background:#5a6268}.report-settings{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px;margin-top:30px}.report-settings h3{color:#2c3e50;font-size:1.4em;margin:0 0 20px;font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#495057;font-weight:500;font-size:14px}.setting-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:14px;color:#495057}.setting-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:#007bff}.status-select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;color:#495057;min-width:120px}.status-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-input{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;color:#495057;min-width:140px;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;display:block;position:relative;z-index:10}.date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;transition:opacity .2s;width:20px;height:20px;margin-left:5px}.date-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.date-input::-moz-calendar-picker-indicator{cursor:pointer;opacity:1;transition:opacity .2s;width:20px;height:20px;margin-left:5px}.date-input::-moz-calendar-picker-indicator:hover{opacity:.8}.migrate-table td .date-input{pointer-events:auto!important;position:relative!important;z-index:999!important;display:block!important;width:50%!important;cursor:pointer!important;background:#fff!important;border:1px solid #ced4da!important;min-height:28px!important;padding:4px 8px!important;font-size:13px!important}.migrate-table td .date-input::-webkit-calendar-picker-indicator{position:absolute!important;right:0!important;top:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:1000!important}.migrate-table td .date-input:after{content:"📅";position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;opacity:.6!important;pointer-events:none!important;z-index:1001!important}.migrate-table td .date-input:hover{background:#f8f9fa!important;border-color:#0056b3!important;box-shadow:0 0 0 3px #007bff40!important}.edit-actions{display:flex;gap:8px}.save-btn{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease}.cancel-btn:hover{background-color:#5a6268}.edit-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease}.edit-btn:hover{background-color:#0056b3}.edit-btn.disabled{background-color:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.edit-btn.disabled:hover{background-color:#6c757d}@media (max-width: 1200px){.migrate-page{padding:15px}.instructions-grid{grid-template-columns:1fr;gap:20px}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.report-actions{flex-direction:column;gap:8px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.migrate-tabs{flex-direction:column}.migrate-tab{border-right:none;border-bottom:1px solid #e9ecef}.migrate-tab:last-child{border-bottom:none}.overview-tabs{flex-direction:column}.overview-tab{border-right:none;border-bottom:1px solid #e9ecef}.overview-tab:last-child{border-bottom:none}.table-actions{flex-direction:column;align-items:stretch}.migrate-table{font-size:12px}.migrate-table th,.migrate-table td{padding:8px 6px}.reports-grid{grid-template-columns:1fr}.report-actions{flex-direction:column;gap:8px}.settings-grid{grid-template-columns:1fr}}@media (max-width: 480px){.page-header h1{font-size:2em}.page-header p{font-size:1em}.migrate-table{font-size:11px}.migrate-table th,.migrate-table td{padding:6px 4px}}.migration-overview{margin-bottom:30px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.overview-card{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a;border-left:4px solid #007bff}.overview-card.ready,.overview-card.planned,.overview-card.in-progress,.overview-card.completed{border-left-color:#2196f3}.overview-card h3{margin:0 0 10px;color:#495057;font-size:14px;font-weight:600}.card-number{font-size:2.5em;font-weight:700;color:#2c3e50;margin:10px 0}.overview-card p{margin:0;color:#6c757d;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.migration-planning-content{display:flex;flex-direction:column;gap:30px}.migration-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.migration-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.3em;font-weight:600;padding-bottom:10px;border-bottom:2px solid #e9ecef}.migration-section .table-container{overflow-x:auto}.migration-section .migrate-table{width:100%;border-collapse:collapse;margin-top:10px}.migration-section .migrate-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #dee2e6;font-size:13px}.migration-section .migrate-table th{background:#3d3d3d!important;color:#fff!important;border-color:#404040!important}.migration-section .migrate-table td{padding:12px 8px;border-bottom-color:#404040!important;font-size:13px;color:#d0d0d0!important;background:#2d2d2d!important}.migration-section .migrate-table td *{color:#d0d0d0!important}.migration-section .migrate-table td:first-child{color:#fff!important;font-weight:600!important}.migration-section .migrate-table tr:hover{background:#3d3d3d!important}.migration-section .migrate-table tr:hover td{color:#fff!important;background:#3d3d3d!important}.migration-section .migrate-table tr:hover td *{color:#fff!important}.btn-primary{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .3s}.btn-primary:hover{background:#0056b3}.btn-success{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .3s;margin-right:8px}.btn-success:hover{background:#1e7e34}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .3s;margin-right:8px}.btn-secondary:hover{background:#545b62}.btn-warning{background:#ffc107;color:#212529;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .3s;margin-right:8px}.btn-warning:hover{background:#e0a800}.btn-info{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .3s}.btn-info:hover{background:#138496}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ready{background:#d4edda;color:#155724}.status-badge.out-of-scope{background:#f8d7da;color:#721c24}.pending-changes{background:#fff3cd!important;border-left:4px solid #ffc107!important}.pending-changes td{position:relative}.pending-changes td:before{content:"●";color:#ffc107;font-size:12px;position:absolute;left:5px;top:50%;transform:translateY(-50%);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99999;display:flex;justify-content:center;align-items:center}.progress-container{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:50px;max-width:600px;width:90%;text-align:center;box-shadow:0 25px 50px #00000040,0 0 0 1px #fff3,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.progress-container h2{color:#fff;font-size:2em;margin-bottom:15px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.progress-container p{color:#fffc;font-size:1.1em;margin-bottom:30px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.package-status-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.package-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#6c757d;min-width:180px;justify-content:center}.package-tab:hover{background:#e9ecef;border-color:#dee2e6;color:#495057}.package-tab.active{background:#007bff;border-color:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.package-tab .tab-icon{font-size:16px}.package-tab .tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.package-tab.active .tab-count{background:#ffffff4d}@media (max-width: 768px){.package-status-tabs{flex-direction:column}.package-tab{min-width:auto;width:100%}}.read-only-indicator{display:inline-block;padding:6px 12px;background-color:#e9ecef;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;font-size:12px;font-weight:500;text-align:center;cursor:not-allowed;-webkit-user-select:none;user-select:none}.readonly-btn{background:#e9ecef;color:#6c757d;border:1px solid #dee2e6;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.7}@media (prefers-color-scheme: dark){.migrate-page{background:#1a1a1a}.page-header h1{color:#e0e0e0}.page-header p{color:#b0b0b0}.back-button{background:#3d3d3d;color:#e0e0e0}.back-button:hover{background:#4d4d4d}.migrate-tabs{background:#2d2d2d;border-bottom-color:#404040}.migrate-tab{background:#3d3d3d;border-color:#64b5f6;color:#64b5f6;outline:none}.migrate-tab:hover{background:#4d4d4d;border-color:#64b5f6}.migrate-tab.active{background:#2196f3;color:#fff;border-color:#2196f3;outline:none}.migrate-content{background:#2d2d2d;box-shadow:0 2px 10px #0000004d}.overview-section,.data-completion-section{color:#e0e0e0}.migrate-table{background:#2d2d2d;color:#e0e0e0}.migrate-table thead th{background:#3d3d3d!important;color:#fff!important;border-color:#404040!important;font-weight:600!important}.migrate-table thead th.sortable:hover,.migrate-table thead th.filterable:hover{background:#4d4d4d!important}.migrate-table tbody td{border-color:#404040!important;color:#d0d0d0!important;background:#2d2d2d!important}.migrate-table tbody tr:hover{background:#3d3d3d!important}.migrate-table tbody tr:hover td{background:#3d3d3d!important;color:#fff!important}.migrate-table tbody tr td,.migrate-table tbody tr td *,.migrate-table tbody tr td span,.migrate-table tbody tr td div,.migrate-table tbody tr td div span{color:#d0d0d0!important}.migrate-table tbody tr td:first-child{color:#fff!important;font-weight:600!important}.migrate-table tbody tr td:nth-child(2),.migrate-table tbody tr td:nth-child(3),.migrate-table tbody tr td:nth-child(4),.migrate-table tbody tr td:nth-child(5),.migrate-table tbody tr td:nth-child(6),.migrate-table tbody tr td:nth-child(7),.migrate-table tbody tr td:nth-child(8){color:#d0d0d0!important}.migrate-table tbody tr td .status-badge{font-weight:600!important}.migrate-table tbody tr td .status-badge.status-completed,.migrate-table tbody tr td .status-badge.status-ready,.migrate-table tbody tr td .status-badge.status-ready-for-gat,.migrate-table tbody tr td .status-badge.status-ready-to-test{background:#2196f3!important;color:#fff!important;border-color:#1976d2!important}.migrate-table tbody tr td .status-badge.status-started,.migrate-table tbody tr td .status-badge.status-in-progress{background:#ff9800!important;color:#fff!important;border-color:#f57c00!important}.migrate-table tbody tr td .status-badge.status-pending,.migrate-table tbody tr td .status-badge.status-no-package{background:#757575!important;color:#fff!important;border-color:#616161!important}.migrate-table tbody tr td .status-badge.status-test-finished,.migrate-table tbody tr td .status-badge.status-gat-ok,.migrate-table tbody tr td .status-badge.status-pat-ok{background:#4caf50!important;color:#fff!important;border-color:#388e3c!important}.migrate-table tbody tr td .status-badge.status-gat-on-hold,.migrate-table tbody tr td .status-badge.status-pat-on-hold{background:#ff9800!important;color:#fff!important;border-color:#f57c00!important}.migrate-table tbody tr td .status-badge.status-gat-active,.migrate-table tbody tr td .status-badge.status-pat-active{background:#2196f3!important;color:#fff!important;border-color:#1976d2!important}.migrate-table tbody tr td .status-badge.status-empty{background:#3d3d3d!important;color:#b0b0b0!important;border-color:#404040!important}.migrate-table tbody tr td .status-badge.status-vdi{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}.migrate-table tbody tr td .status-badge.status-local{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.migrate-table tbody tr td .status-badge.status-saas,.migrate-table tbody tr td .divisions-count{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}.migrate-table tbody tr td .divisions-count:hover{background:#2d4d6d!important;border-color:#64b5f6!important}.migrate-table tbody tr td .app-name-with-warning span{color:#fff!important}.test-status-table .migrate-table tbody tr,.test-status-table .migrate-table tbody tr td{background-color:#2d2d2d!important}.test-status-table .migrate-table tbody tr td,.test-status-table .migrate-table tbody tr td *{color:#d0d0d0!important}.department-status-table .migrate-table tbody tr td{background-color:#2d2d2d!important}.department-status-table .migrate-table tbody tr td,.department-status-table .migrate-table tbody tr td *,.scope-info,.departments-list,.departments-list small{color:#d0d0d0!important}.scope-badge.in-scope{background:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}.scope-badge.out-scope,.scope-badge.out-scope-div{background:#4d2d2d!important;color:#ffcdd2!important;border-color:#f44336!important}.scope-badge.out-scope-org{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}.scope-badge.not-used{background:#4d3d1e!important;color:#ffe0b2!important;border-color:#ff9800!important}.scope-badge.on-hold{background:#1e3a5f!important;color:#bbdefb!important;border-color:#2196f3!important}.scope-badge.unknown{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}.scope-badge.no-override{background:#2d2d2d!important;color:#b0b0b0!important;border-color:#404040!important}.reference-explanation{background:#2d2d2d!important;border-color:#404040!important}.reference-explanation h4{color:#64b5f6!important}.reference-explanation p,.reference-explanation ul{color:#e0e0e0!important}.reference-explanation ul li{color:#d0d0d0!important}.reference-explanation strong{color:#90caf9!important}.reference-explanation em{color:#b0b0b0!important}.scope-explanation{background:#2d2d2d!important;border-color:#404040!important}.scope-explanation h4{color:#64b5f6!important}.scope-explanation p{color:#e0e0e0!important}.scope-options{background:transparent}.scope-option{background:#3d3d3d!important;border-left-color:#64b5f6!important}.scope-option span:last-child{color:#d0d0d0!important}.view-level-explanation{background:#2d3d4d!important;border-left-color:#64b5f6!important}.view-level-explanation h5{color:#64b5f6!important}.view-level-explanation p,.view-level-explanation ul{color:#e0e0e0!important}.view-level-explanation li{color:#d0d0d0!important}.instructions-panel{background:#2d2d2d!important;border-color:#404040!important}.instructions-header{background:#3d3d3d!important;border-bottom-color:#404040!important}.instructions-header h3{color:#e0e0e0!important}.toggle-instructions{background:#2196f3!important;color:#fff!important}.toggle-instructions:hover{background:#1976d2!important}.instructions-content{background:#2d2d2d!important;color:#e0e0e0!important}.parallel-track-system{background:#2d2d2d!important;border-color:#404040!important}.section-header{color:#e0e0e0!important}.section-header h2{color:#fff!important}.section-header p{color:#d0d0d0!important}.header-controls{background:transparent}.application-search-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.application-search-input:focus{border-color:#64b5f6!important;background:#4d4d4d!important}.application-search-input::placeholder{color:#b0b0b0!important}.lane-selector{background:transparent}.lane-button{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.lane-button:hover{border-color:#64b5f6!important;background:#4d4d4d!important}.lane-button.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.lane-description{color:#d0d0d0!important}.lane-tabs{background:transparent}.lane-tab{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}.lane-tab:hover{background:#4d4d4d!important;border-color:#64b5f6!important;color:#e0e0e0!important}.lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.tab-count{background:#6c757d!important;color:#fff!important}.lane-tab.active .tab-count{background:#ffffff4d!important;color:#fff!important}.package-lane .lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.package-lane .lane-tab.active .tab-count{background:#ffffff4d!important}.test-lane .lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}.test-lane .lane-tab.active .tab-count{background:#ffffff4d!important}.table-actions{background:#2d2d2d!important;padding:15px 20px!important;border-radius:8px!important;border:1px solid #404040!important}.migration-filters{background:#2d2d2d!important;border:1px solid #404040!important}.migration-filters .filter-group label{color:#e0e0e0!important}.migration-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.migration-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}.migration-filters .filter-select:hover{border-color:#64b5f6!important}.department-filters{background:#2d2d2d!important;border:1px solid #404040!important}.department-filters .filter-group label{color:#e0e0e0!important}.department-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.department-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}.department-filters .filter-select:hover{border-color:#64b5f6!important}.department-filters .checkbox-group label{color:#e0e0e0!important}.summary-row{background:#2d2d2d!important;border:1px solid #404040!important}.summary-row *,.summary-progress,.summary-progress *,.progress-item,.progress-item *,.summary-item,.summary-item *{background-color:transparent!important;color:#e0e0e0!important}.summary-label{color:#fff!important;background-color:transparent!important}.summary-apps{background:#ffc107!important;color:#212529!important}.summary-users,.summary-depts,.progress-item span{color:#e0e0e0!important;background-color:transparent!important}.progress-bar{background:#3d3d3d!important}.progress-fill{background:#2196f3!important}.ready-date,.readiness-percent{color:#e0e0e0!important;background-color:transparent!important}.test-result-badge.pass{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}.test-result-badge.fail{background:#4d2d2d!important;color:#ffcdd2!important;border:1px solid #f44336!important}.test-result-badge.in-progress{background:#1e3a5f!important;color:#90caf9!important;border:1px solid #2196F3!important}.test-result-badge.unknown{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}.readiness-badge.ready{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}.readiness-badge.in-progress{background:#1e3a5f!important;color:#90caf9!important;border:1px solid #2196F3!important}.readiness-badge.started{background:#3d3d3d!important;color:#e0e0e0!important;border:1px solid #404040!important}.readiness-badge.not-started,.readiness-badge.unknown,.readiness-badge.not-applicable{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}.status-badge.ready{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}.status-badge.out-of-scope{background:#4d2d2d!important;color:#ffcdd2!important;border:1px solid #f44336!important}.matrix-filters{background:#2d2d2d!important;border:1px solid #404040!important}.matrix-filters .filter-group label{color:#e0e0e0!important}.matrix-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.matrix-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}.matrix-filters .filter-select:hover{border-color:#64b5f6!important}.matrix-filters .checkbox-label{color:#e0e0e0!important}.matrix-table-container{background:#2d2d2d!important;border:1px solid #404040!important}.matrix-table-container .loading{color:#e0e0e0!important}.matrix-export{background:#2d2d2d!important;border:1px solid #404040!important}.export-text{color:#e0e0e0!important}.table-section{background:transparent}.table-title{color:#fff!important}.scope-alert{background:#3d3d3d!important;border-color:#ff9800!important;color:#e0e0e0!important}.scope-alert h4{color:#fff!important}.scope-alert p,.scope-alert li{color:#d0d0d0!important}.scope-alert strong{color:#64b5f6!important}.alert-icon{color:#ff9800!important}.overview-card,.migration-section{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.overview-card h3,.migration-section h3{color:#e0e0e0}.overview-content{background:#2d2d2d!important;color:#e0e0e0!important}.instructions-grid{gap:30px}.instruction-section h3{color:#fff!important}.instruction-section h4{color:#e0e0e0!important}.instruction-section h5,.instruction-section p{color:#d0d0d0!important}.instruction-section li{color:#e0e0e0!important}.instruction-section strong,.instruction-section a{color:#64b5f6!important}.instruction-section a:hover{color:#90caf9!important}.card-number{color:#64b5f6}.btn-primary{background:#3d3d3d;color:#64b5f6;border-color:#404040}.btn-primary:hover{background:#4d4d4d;border-color:#64b5f6}.export-btn{background:#28a745!important;color:#fff!important;border:none!important}.export-btn:hover{background:#218838!important}.import-btn{background:#007bff!important;color:#fff!important;border:none!important}.import-btn:hover{background:#0056b3!important}input[type=text],input[type=number],select,textarea{background:#3d3d3d;color:#e0e0e0;border-color:#404040}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:#64b5f6;background:#4d4d4d}.status-badge{color:#e0e0e0}.read-only-indicator{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.readonly-btn{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;opacity:1!important}.overview-tabs{background:#2d2d2d;border-color:#404040}.overview-tab{background:#3d3d3d;color:#b0b0b0;border-color:#404040}.overview-tab:hover{background:#4d4d4d}.overview-tab.active{background:#2196f3!important;color:#fff!important}.reports-grid{gap:20px}.report-card{background:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}.report-card:hover{box-shadow:0 4px 12px #00000080!important}.report-card h3{color:#fff!important}.report-card p{color:#d0d0d0!important}.report-btn.primary{background:#2196f3!important;color:#fff!important}.report-btn.primary:hover{background:#1976d2!important}.report-btn.secondary{background:#6c757d!important;color:#fff!important}.report-btn.secondary:hover{background:#5a6268!important}.report-settings{background:#2d2d2d!important;border-color:#404040!important}.report-settings h3{color:#fff!important}.setting-item label{color:#e0e0e0!important}.setting-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.setting-select:focus{border-color:#64b5f6!important}.reports-under-construction{background:#ffff96f2!important;color:#856404!important;border-color:#ffc107!important;box-shadow:0 4px 20px #00000080!important}.filter-notice{background:#2d3d4d!important;border-color:#64b5f6!important;color:#90caf9!important}.filter-notice p{color:#90caf9!important}.filter-notice strong{color:#64b5f6!important}.filtering-explanation{background:#2d2d2d!important;border-color:#404040!important}.filtering-explanation h4{color:#64b5f6!important}.filtering-explanation p,.filtering-explanation ul{color:#e0e0e0!important}.filtering-explanation ul li{color:#d0d0d0!important}.filtering-explanation strong{color:#90caf9!important}.filtering-explanation em{color:#b0b0b0!important}.practices-explanation{background:#2d2d2d!important;border-color:#404040!important}.practices-explanation h4{color:#64b5f6!important}.practices-explanation p,.practices-explanation ol li{color:#e0e0e0!important}.practices-explanation strong{color:#64b5f6!important}.practices-explanation em{color:#b0b0b0!important}}:root[data-theme=dark] .migrate-page,:root.dark-mode .migrate-page{background:#1a1a1a}:root[data-theme=dark] .migrate-tabs,:root.dark-mode .migrate-tabs{background:#2d2d2d;border-bottom-color:#404040}:root[data-theme=dark] .migrate-tab,:root.dark-mode .migrate-tab{background:#3d3d3d;border-color:#64b5f6!important;color:#64b5f6;outline:none!important}:root[data-theme=dark] .migrate-tab:hover,:root.dark-mode .migrate-tab:hover{background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .migrate-tab.active,:root.dark-mode .migrate-tab.active{background:#2196f3;color:#fff;border-color:#2196f3!important;outline:none!important}:root[data-theme=dark] .migrate-content,:root.dark-mode .migrate-content{background:#2d2d2d;box-shadow:0 2px 10px #0000004d}:root[data-theme=dark] .migrate-table,:root.dark-mode .migrate-table{background:#2d2d2d;color:#e0e0e0}:root[data-theme=dark] .table-container,:root.dark-mode .table-container{background:#2d2d2d!important;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000004d;border:1px solid #404040!important}:root[data-theme=dark] .overview-section,:root.dark-mode .overview-section,:root[data-theme=dark] .data-completion-section,:root.dark-mode .data-completion-section{color:#e0e0e0}:root[data-theme=dark] .migrate-table thead th,:root.dark-mode .migrate-table thead th{background:#3d3d3d!important;color:#fff!important;border-color:#404040!important;font-weight:600!important}:root[data-theme=dark] .migrate-table thead th.sortable:hover,:root.dark-mode .migrate-table thead th.sortable:hover,:root[data-theme=dark] .migrate-table thead th.filterable:hover,:root.dark-mode .migrate-table thead th.filterable:hover{background:#4d4d4d!important}:root[data-theme=dark] .migrate-table tbody td,:root.dark-mode .migrate-table tbody td{border-color:#404040!important;color:#d0d0d0!important;background:#2d2d2d!important}:root[data-theme=dark] .migrate-table tbody tr:hover,:root.dark-mode .migrate-table tbody tr:hover{background:#3d3d3d!important}:root[data-theme=dark] .migrate-table tbody tr:hover td,:root.dark-mode .migrate-table tbody tr:hover td{background:#3d3d3d!important;color:#fff!important}:root[data-theme=dark] .migrate-table tbody tr td:first-child,:root.dark-mode .migrate-table tbody tr td:first-child{color:#fff!important;font-weight:600!important}:root[data-theme=dark] .migrate-table tbody tr td:nth-child(2),:root.dark-mode .migrate-table tbody tr td:nth-child(2),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(3),:root.dark-mode .migrate-table tbody tr td:nth-child(3),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(4),:root.dark-mode .migrate-table tbody tr td:nth-child(4),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(5),:root.dark-mode .migrate-table tbody tr td:nth-child(5),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(6),:root.dark-mode .migrate-table tbody tr td:nth-child(6),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(7),:root.dark-mode .migrate-table tbody tr td:nth-child(7),:root[data-theme=dark] .migrate-table tbody tr td:nth-child(8),:root.dark-mode .migrate-table tbody tr td:nth-child(8){color:#d0d0d0!important}:root[data-theme=dark] .migrate-table tbody tr td,:root.dark-mode .migrate-table tbody tr td,:root[data-theme=dark] .migrate-table tbody tr td *,:root.dark-mode .migrate-table tbody tr td *,:root[data-theme=dark] .migrate-table tbody tr td span,:root.dark-mode .migrate-table tbody tr td span,:root[data-theme=dark] .migrate-table tbody tr td div,:root.dark-mode .migrate-table tbody tr td div,:root[data-theme=dark] .migrate-table tbody tr td div span,:root.dark-mode .migrate-table tbody tr td div span{color:#d0d0d0!important}:root[data-theme=dark] .migrate-table tbody tr td .app-name-with-warning span,:root.dark-mode .migrate-table tbody tr td .app-name-with-warning span{color:#fff!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge,:root.dark-mode .migrate-table tbody tr td .status-badge{font-weight:600!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-completed,:root.dark-mode .migrate-table tbody tr td .status-badge.status-completed,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-ready,:root.dark-mode .migrate-table tbody tr td .status-badge.status-ready,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-ready-for-gat,:root.dark-mode .migrate-table tbody tr td .status-badge.status-ready-for-gat,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-ready-to-test,:root.dark-mode .migrate-table tbody tr td .status-badge.status-ready-to-test{background:#2196f3!important;color:#fff!important;border-color:#1976d2!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-started,:root.dark-mode .migrate-table tbody tr td .status-badge.status-started,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-in-progress,:root.dark-mode .migrate-table tbody tr td .status-badge.status-in-progress{background:#ff9800!important;color:#fff!important;border-color:#f57c00!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-pending,:root.dark-mode .migrate-table tbody tr td .status-badge.status-pending,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-no-package,:root.dark-mode .migrate-table tbody tr td .status-badge.status-no-package{background:#757575!important;color:#fff!important;border-color:#616161!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-gat-on-hold,:root.dark-mode .migrate-table tbody tr td .status-badge.status-gat-on-hold,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-pat-on-hold,:root.dark-mode .migrate-table tbody tr td .status-badge.status-pat-on-hold{background:#ff9800!important;color:#fff!important;border-color:#f57c00!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-gat-active,:root.dark-mode .migrate-table tbody tr td .status-badge.status-gat-active,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-pat-active,:root.dark-mode .migrate-table tbody tr td .status-badge.status-pat-active{background:#2196f3!important;color:#fff!important;border-color:#1976d2!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-empty,:root.dark-mode .migrate-table tbody tr td .status-badge.status-empty{background:#3d3d3d!important;color:#b0b0b0!important;border-color:#404040!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-vdi,:root.dark-mode .migrate-table tbody tr td .status-badge.status-vdi{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-local,:root.dark-mode .migrate-table tbody tr td .status-badge.status-local{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-saas,:root.dark-mode .migrate-table tbody tr td .status-badge.status-saas{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}:root[data-theme=dark] .migrate-table tbody tr td .divisions-count,:root.dark-mode .migrate-table tbody tr td .divisions-count{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}:root[data-theme=dark] .migrate-table tbody tr td .divisions-count:hover,:root.dark-mode .migrate-table tbody tr td .divisions-count:hover{background:#2d4d6d!important;border-color:#64b5f6!important}:root[data-theme=dark] .test-status-table .migrate-table tbody tr,:root.dark-mode .test-status-table .migrate-table tbody tr,:root[data-theme=dark] .test-status-table .migrate-table tbody tr td,:root.dark-mode .test-status-table .migrate-table tbody tr td{background-color:#2d2d2d!important}:root[data-theme=dark] .test-status-table .migrate-table tbody tr td,:root.dark-mode .test-status-table .migrate-table tbody tr td,:root[data-theme=dark] .test-status-table .migrate-table tbody tr td *,:root.dark-mode .test-status-table .migrate-table tbody tr td *{color:#d0d0d0!important}:root[data-theme=dark] .department-status-table .migrate-table tbody tr td,:root.dark-mode .department-status-table .migrate-table tbody tr td{background-color:#2d2d2d!important}:root[data-theme=dark] .department-status-table .migrate-table tbody tr td,:root.dark-mode .department-status-table .migrate-table tbody tr td,:root[data-theme=dark] .department-status-table .migrate-table tbody tr td *,:root.dark-mode .department-status-table .migrate-table tbody tr td *{color:#d0d0d0!important}:root[data-theme=dark] .departments-list,:root.dark-mode .departments-list{color:#d0d0d0!important}:root[data-theme=dark] .departments-list small,:root.dark-mode .departments-list small{color:#d0d0d0!important}:root[data-theme=dark] .scope-badge.out-scope,:root.dark-mode .scope-badge.out-scope,:root[data-theme=dark] .scope-badge.out-scope-div,:root.dark-mode .scope-badge.out-scope-div{background:#4d2d2d!important;color:#ffcdd2!important;border-color:#f44336!important}:root[data-theme=dark] .scope-badge.out-scope-org,:root.dark-mode .scope-badge.out-scope-org{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}:root[data-theme=dark] .scope-badge.not-used,:root.dark-mode .scope-badge.not-used{background:#4d3d1e!important;color:#ffe0b2!important;border-color:#ff9800!important}:root[data-theme=dark] .scope-badge.on-hold,:root.dark-mode .scope-badge.on-hold{background:#1e3a5f!important;color:#bbdefb!important;border-color:#2196f3!important}:root[data-theme=dark] .scope-badge.unknown,:root.dark-mode .scope-badge.unknown{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}:root[data-theme=dark] .scope-badge.no-override,:root.dark-mode .scope-badge.no-override{background:#2d2d2d!important;color:#b0b0b0!important;border-color:#404040!important}:root[data-theme=dark] .scope-badge.in-scope,:root.dark-mode .scope-badge.in-scope{background:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}:root[data-theme=dark] .scope-info,:root.dark-mode .scope-info{color:#d0d0d0!important}:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-test-finished,:root.dark-mode .migrate-table tbody tr td .status-badge.status-test-finished,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-gat-ok,:root.dark-mode .migrate-table tbody tr td .status-badge.status-gat-ok,:root[data-theme=dark] .migrate-table tbody tr td .status-badge.status-pat-ok,:root.dark-mode .migrate-table tbody tr td .status-badge.status-pat-ok{background:#4caf50!important;color:#fff!important;border-color:#388e3c!important}:root[data-theme=dark] .parallel-track-system,:root.dark-mode .parallel-track-system{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .lane-selector,:root.dark-mode .lane-selector{background:transparent}:root[data-theme=dark] .lane-tabs,:root.dark-mode .lane-tabs{background:transparent}:root[data-theme=dark] .package-lane .lane-tab.active,:root.dark-mode .package-lane .lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .test-lane .lane-tab.active,:root.dark-mode .test-lane .lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .table-actions,:root.dark-mode .table-actions{background:#2d2d2d!important;padding:15px 20px!important;border-radius:8px!important;border:1px solid #404040!important}:root[data-theme=dark] .migration-filters,:root.dark-mode .migration-filters{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .migration-filters .filter-group label,:root.dark-mode .migration-filters .filter-group label{color:#e0e0e0!important}:root[data-theme=dark] .migration-filters .filter-select,:root.dark-mode .migration-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .migration-filters .filter-select:focus,:root.dark-mode .migration-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}:root[data-theme=dark] .migration-filters .filter-select:hover,:root.dark-mode .migration-filters .filter-select:hover{border-color:#64b5f6!important}:root[data-theme=dark] .department-filters,:root.dark-mode .department-filters{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .department-filters .filter-group label,:root.dark-mode .department-filters .filter-group label{color:#e0e0e0!important}:root[data-theme=dark] .department-filters .filter-select,:root.dark-mode .department-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .department-filters .filter-select:focus,:root.dark-mode .department-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}:root[data-theme=dark] .department-filters .filter-select:hover,:root.dark-mode .department-filters .filter-select:hover{border-color:#64b5f6!important}:root[data-theme=dark] .department-filters .checkbox-group label,:root.dark-mode .department-filters .checkbox-group label{color:#e0e0e0!important}:root[data-theme=dark] .summary-row,:root.dark-mode .summary-row{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .summary-row *,:root.dark-mode .summary-row *,:root[data-theme=dark] .summary-progress,:root.dark-mode .summary-progress,:root[data-theme=dark] .summary-progress *,:root.dark-mode .summary-progress *,:root[data-theme=dark] .progress-item,:root.dark-mode .progress-item,:root[data-theme=dark] .progress-item *,:root.dark-mode .progress-item *,:root[data-theme=dark] .summary-item,:root.dark-mode .summary-item,:root[data-theme=dark] .summary-item *,:root.dark-mode .summary-item *{background-color:transparent!important;color:#e0e0e0!important}:root[data-theme=dark] .summary-label,:root.dark-mode .summary-label{color:#fff!important;background-color:transparent!important}:root[data-theme=dark] .summary-apps,:root.dark-mode .summary-apps{background:#ffc107!important;color:#212529!important}:root[data-theme=dark] .summary-users,:root.dark-mode .summary-users,:root[data-theme=dark] .summary-depts,:root.dark-mode .summary-depts{color:#e0e0e0!important;background-color:transparent!important}:root[data-theme=dark] .progress-item span,:root.dark-mode .progress-item span{color:#e0e0e0!important;background-color:transparent!important}:root[data-theme=dark] .progress-bar,:root.dark-mode .progress-bar{background:#3d3d3d!important}:root[data-theme=dark] .progress-fill,:root.dark-mode .progress-fill{background:#2196f3!important}:root[data-theme=dark] .ready-date,:root.dark-mode .ready-date,:root[data-theme=dark] .readiness-percent,:root.dark-mode .readiness-percent{color:#e0e0e0!important;background-color:transparent!important}:root[data-theme=dark] .test-result-badge,:root.dark-mode .test-result-badge{font-weight:500!important}:root[data-theme=dark] .test-result-badge.pass,:root.dark-mode .test-result-badge.pass{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}:root[data-theme=dark] .test-result-badge.fail,:root.dark-mode .test-result-badge.fail{background:#4d2d2d!important;color:#ffcdd2!important;border:1px solid #f44336!important}:root[data-theme=dark] .test-result-badge.in-progress,:root.dark-mode .test-result-badge.in-progress{background:#1e3a5f!important;color:#90caf9!important;border:1px solid #2196F3!important}:root[data-theme=dark] .test-result-badge.unknown,:root.dark-mode .test-result-badge.unknown{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}:root[data-theme=dark] .readiness-badge,:root.dark-mode .readiness-badge{font-weight:500!important}:root[data-theme=dark] .readiness-badge.ready,:root.dark-mode .readiness-badge.ready{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}:root[data-theme=dark] .readiness-badge.in-progress,:root.dark-mode .readiness-badge.in-progress{background:#1e3a5f!important;color:#90caf9!important;border:1px solid #2196F3!important}:root[data-theme=dark] .readiness-badge.started,:root.dark-mode .readiness-badge.started{background:#3d3d3d!important;color:#e0e0e0!important;border:1px solid #404040!important}:root[data-theme=dark] .readiness-badge.not-started,:root.dark-mode .readiness-badge.not-started{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}:root[data-theme=dark] .readiness-badge.unknown,:root.dark-mode .readiness-badge.unknown{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}:root[data-theme=dark] .readiness-badge.not-applicable,:root.dark-mode .readiness-badge.not-applicable{background:#3d3d3d!important;color:#b0b0b0!important;border:1px solid #404040!important}:root[data-theme=dark] .status-badge.ready,:root.dark-mode .status-badge.ready{background:#2d4d2d!important;color:#c8e6c9!important;border:1px solid #4caf50!important}:root[data-theme=dark] .status-badge.out-of-scope,:root.dark-mode .status-badge.out-of-scope{background:#4d2d2d!important;color:#ffcdd2!important;border:1px solid #f44336!important}:root[data-theme=dark] .matrix-filters,:root.dark-mode .matrix-filters{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .matrix-filters .filter-group label,:root.dark-mode .matrix-filters .filter-group label{color:#e0e0e0!important}:root[data-theme=dark] .matrix-filters .filter-select,:root.dark-mode .matrix-filters .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .matrix-filters .filter-select:focus,:root.dark-mode .matrix-filters .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important}:root[data-theme=dark] .matrix-filters .filter-select:hover,:root.dark-mode .matrix-filters .filter-select:hover{border-color:#64b5f6!important}:root[data-theme=dark] .matrix-filters .checkbox-label,:root.dark-mode .matrix-filters .checkbox-label{color:#e0e0e0!important}:root[data-theme=dark] .matrix-table-container,:root.dark-mode .matrix-table-container{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .matrix-table-container .loading,:root.dark-mode .matrix-table-container .loading{color:#e0e0e0!important}:root[data-theme=dark] .matrix-export,:root.dark-mode .matrix-export{background:#2d2d2d!important;border:1px solid #404040!important}:root[data-theme=dark] .export-text,:root.dark-mode .export-text{color:#e0e0e0!important}:root[data-theme=dark] .table-section,:root.dark-mode .table-section{background:transparent}:root[data-theme=dark] .scope-alert,:root.dark-mode .scope-alert{background:#3d3d3d!important;border-color:#ff9800!important;color:#e0e0e0!important}:root[data-theme=dark] .overview-card,:root.dark-mode .overview-card,:root[data-theme=dark] .migration-section,:root.dark-mode .migration-section{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .btn-primary,:root.dark-mode .btn-primary{background:#3d3d3d;color:#64b5f6;border-color:#404040}:root[data-theme=dark] input[type=text],:root.dark-mode input[type=text],:root[data-theme=dark] input[type=number],:root.dark-mode input[type=number],:root[data-theme=dark] select,:root.dark-mode select,:root[data-theme=dark] textarea,:root.dark-mode textarea{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .status-badge,:root.dark-mode .status-badge{color:#e0e0e0}:root[data-theme=dark] .read-only-indicator,:root.dark-mode .read-only-indicator{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .overview-tabs,:root.dark-mode .overview-tabs{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .overview-tab,:root.dark-mode .overview-tab{background:#3d3d3d;color:#b0b0b0;border-color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .overview-tab:hover,:root.dark-mode .overview-tab:hover{background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .overview-tab.active,:root.dark-mode .overview-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important;outline:none!important}:root[data-theme=dark] .overview-content,:root.dark-mode .overview-content{background:#2d2d2d!important;color:#e0e0e0!important}:root[data-theme=dark] .instructions-grid,:root.dark-mode .instructions-grid{gap:30px}:root[data-theme=dark] .instruction-section h3,:root.dark-mode .instruction-section h3{color:#fff!important}:root[data-theme=dark] .instruction-section h4,:root.dark-mode .instruction-section h4{color:#e0e0e0!important}:root[data-theme=dark] .instruction-section h5,:root.dark-mode .instruction-section h5{color:#d0d0d0!important}:root[data-theme=dark] .instruction-section p,:root.dark-mode .instruction-section p{color:#d0d0d0!important}:root[data-theme=dark] .instruction-section li,:root.dark-mode .instruction-section li{color:#e0e0e0!important}:root[data-theme=dark] .instruction-section strong,:root.dark-mode .instruction-section strong{color:#64b5f6!important}:root[data-theme=dark] .instruction-section a,:root.dark-mode .instruction-section a{color:#64b5f6!important}:root[data-theme=dark] .instruction-section a:hover,:root.dark-mode .instruction-section a:hover{color:#90caf9!important}.status-explanations h3{color:#fff!important}.status-item{background:#3d3d3d!important;color:#e0e0e0!important}.status-item p{color:#e0e0e0!important}.status-item strong{color:#64b5f6!important}:root[data-theme=dark] .status-explanations h3,:root.dark-mode .status-explanations h3{color:#fff!important}:root[data-theme=dark] .status-item,:root.dark-mode .status-item{background:#3d3d3d!important;color:#e0e0e0!important}:root[data-theme=dark] .status-item p,:root.dark-mode .status-item p{color:#e0e0e0!important}:root[data-theme=dark] .status-item strong,:root.dark-mode .status-item strong{color:#64b5f6!important}:root[data-theme=dark] .reports-grid,:root.dark-mode .reports-grid{gap:20px}:root[data-theme=dark] .reports-under-construction,:root.dark-mode .reports-under-construction{background:#ffff96f2!important;color:#856404!important;border-color:#ffc107!important;box-shadow:0 4px 20px #00000080!important}:root[data-theme=dark] .practices-explanation,:root.dark-mode .practices-explanation{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .filter-notice,:root.dark-mode .filter-notice{background:#2d3d4d!important;border-color:#64b5f6!important;color:#90caf9!important}:root[data-theme=dark] .filter-notice p,:root.dark-mode .filter-notice p{color:#90caf9!important}:root[data-theme=dark] .filter-notice strong,:root.dark-mode .filter-notice strong{color:#64b5f6!important}:root[data-theme=dark] .filtering-explanation,:root.dark-mode .filtering-explanation{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .filtering-explanation h4,:root.dark-mode .filtering-explanation h4{color:#64b5f6!important}:root[data-theme=dark] .filtering-explanation p,:root.dark-mode .filtering-explanation p{color:#e0e0e0!important}:root[data-theme=dark] .filtering-explanation ul,:root.dark-mode .filtering-explanation ul{color:#e0e0e0!important}:root[data-theme=dark] .filtering-explanation ul li,:root.dark-mode .filtering-explanation ul li{color:#d0d0d0!important}:root[data-theme=dark] .filtering-explanation strong,:root.dark-mode .filtering-explanation strong{color:#90caf9!important}:root[data-theme=dark] .filtering-explanation em,:root.dark-mode .filtering-explanation em{color:#b0b0b0!important}:root[data-theme=dark] .reference-explanation,:root.dark-mode .reference-explanation{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .reference-explanation h4,:root.dark-mode .reference-explanation h4{color:#64b5f6!important}:root[data-theme=dark] .reference-explanation p,:root.dark-mode .reference-explanation p{color:#e0e0e0!important}:root[data-theme=dark] .reference-explanation ul,:root.dark-mode .reference-explanation ul{color:#e0e0e0!important}:root[data-theme=dark] .reference-explanation ul li,:root.dark-mode .reference-explanation ul li{color:#d0d0d0!important}:root[data-theme=dark] .reference-explanation strong,:root.dark-mode .reference-explanation strong{color:#90caf9!important}:root[data-theme=dark] .reference-explanation em,:root.dark-mode .reference-explanation em{color:#b0b0b0!important}:root[data-theme=dark] .scope-explanation,:root.dark-mode .scope-explanation{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .scope-explanation h4,:root.dark-mode .scope-explanation h4{color:#64b5f6!important}:root[data-theme=dark] .scope-explanation p,:root.dark-mode .scope-explanation p{color:#e0e0e0!important}:root[data-theme=dark] .scope-options,:root.dark-mode .scope-options{background:transparent}:root[data-theme=dark] .scope-option,:root.dark-mode .scope-option{background:#3d3d3d!important;border-left-color:#64b5f6!important}:root[data-theme=dark] .scope-option span:last-child,:root.dark-mode .scope-option span:last-child{color:#d0d0d0!important}:root[data-theme=dark] .view-level-explanation,:root.dark-mode .view-level-explanation{background:#2d3d4d!important;border-left-color:#64b5f6!important}:root[data-theme=dark] .view-level-explanation h5,:root.dark-mode .view-level-explanation h5{color:#64b5f6!important}:root[data-theme=dark] .view-level-explanation p,:root.dark-mode .view-level-explanation p{color:#e0e0e0!important}:root[data-theme=dark] .view-level-explanation ul,:root.dark-mode .view-level-explanation ul{color:#e0e0e0!important}:root[data-theme=dark] .view-level-explanation li,:root.dark-mode .view-level-explanation li{color:#d0d0d0!important}:root[data-theme=dark] .instructions-panel,:root.dark-mode .instructions-panel{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .instructions-header,:root.dark-mode .instructions-header{background:#3d3d3d!important;border-bottom-color:#404040!important}:root[data-theme=dark] .instructions-header h3,:root.dark-mode .instructions-header h3{color:#e0e0e0!important}:root[data-theme=dark] .toggle-instructions,:root.dark-mode .toggle-instructions{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .toggle-instructions:hover,:root.dark-mode .toggle-instructions:hover{background:#1976d2!important}:root[data-theme=dark] .instructions-content,:root.dark-mode .instructions-content{background:#2d2d2d!important;color:#e0e0e0!important}:root[data-theme=dark] .section-header,:root.dark-mode .section-header{color:#e0e0e0!important}:root[data-theme=dark] .section-header h2,:root.dark-mode .section-header h2{color:#fff!important}:root[data-theme=dark] .section-header p,:root.dark-mode .section-header p{color:#d0d0d0!important}:root[data-theme=dark] .header-controls,:root.dark-mode .header-controls{background:transparent}:root[data-theme=dark] .application-search-input,:root.dark-mode .application-search-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .application-search-input:focus,:root.dark-mode .application-search-input:focus{border-color:#64b5f6!important;background:#4d4d4d!important}:root[data-theme=dark] .application-search-input::placeholder,:root.dark-mode .application-search-input::placeholder{color:#b0b0b0!important}:root[data-theme=dark] .lane-button,:root.dark-mode .lane-button{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .lane-button:hover,:root.dark-mode .lane-button:hover{border-color:#64b5f6!important;background:#4d4d4d!important}:root[data-theme=dark] .lane-button.active,:root.dark-mode .lane-button.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .lane-description,:root.dark-mode .lane-description{color:#d0d0d0!important}:root[data-theme=dark] .lane-tab,:root.dark-mode .lane-tab{background:#3d3d3d!important;color:#d0d0d0!important;border-color:#404040!important}:root[data-theme=dark] .lane-tab:hover,:root.dark-mode .lane-tab:hover{background:#4d4d4d!important;border-color:#64b5f6!important;color:#e0e0e0!important}:root[data-theme=dark] .lane-tab.active,:root.dark-mode .lane-tab.active{background:#2196f3!important;color:#fff!important;border-color:#2196f3!important}:root[data-theme=dark] .tab-count,:root.dark-mode .tab-count{background:#6c757d!important;color:#fff!important}:root[data-theme=dark] .lane-tab.active .tab-count,:root.dark-mode .lane-tab.active .tab-count{background:#ffffff4d!important;color:#fff!important}:root[data-theme=dark] .package-lane .lane-tab.active .tab-count,:root.dark-mode .package-lane .lane-tab.active .tab-count{background:#ffffff4d!important}:root[data-theme=dark] .test-lane .lane-tab.active .tab-count,:root.dark-mode .test-lane .lane-tab.active .tab-count{background:#ffffff4d!important}:root[data-theme=dark] .table-title,:root.dark-mode .table-title{color:#fff!important}:root[data-theme=dark] .scope-alert h4,:root.dark-mode .scope-alert h4{color:#fff!important}:root[data-theme=dark] .scope-alert p,:root.dark-mode .scope-alert p,:root[data-theme=dark] .scope-alert li,:root.dark-mode .scope-alert li{color:#d0d0d0!important}:root[data-theme=dark] .scope-alert strong,:root.dark-mode .scope-alert strong{color:#64b5f6!important}:root[data-theme=dark] .alert-icon,:root.dark-mode .alert-icon{color:#ff9800!important}:root[data-theme=dark] .overview-card h3,:root.dark-mode .overview-card h3,:root[data-theme=dark] .migration-section h3,:root.dark-mode .migration-section h3{color:#e0e0e0}:root[data-theme=dark] .card-number,:root.dark-mode .card-number{color:#64b5f6}:root[data-theme=dark] .btn-primary:hover,:root.dark-mode .btn-primary:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .export-btn,:root.dark-mode .export-btn{background:#28a745!important;color:#fff!important;border:none!important}:root[data-theme=dark] .export-btn:hover,:root.dark-mode .export-btn:hover{background:#218838!important}:root[data-theme=dark] .import-btn,:root.dark-mode .import-btn{background:#007bff!important;color:#fff!important;border:none!important}:root[data-theme=dark] .import-btn:hover,:root.dark-mode .import-btn:hover{background:#0056b3!important}:root[data-theme=dark] input[type=text]:focus,:root.dark-mode input[type=text]:focus,:root[data-theme=dark] input[type=number]:focus,:root.dark-mode input[type=number]:focus,:root[data-theme=dark] select:focus,:root.dark-mode select:focus,:root[data-theme=dark] textarea:focus,:root.dark-mode textarea:focus{border-color:#64b5f6;background:#4d4d4d}:root[data-theme=dark] .readonly-btn,:root.dark-mode .readonly-btn{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important;opacity:1!important}:root[data-theme=dark] .overview-tab,:root.dark-mode .overview-tab{background:#3d3d3d;color:#b0b0b0;border-color:#404040}:root[data-theme=dark] .overview-tab:hover,:root.dark-mode .overview-tab:hover{background:#4d4d4d}:root[data-theme=dark] .overview-tab.active,:root.dark-mode .overview-tab.active{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .report-card,:root.dark-mode .report-card{background:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}:root[data-theme=dark] .report-card:hover,:root.dark-mode .report-card:hover{box-shadow:0 4px 12px #00000080!important}:root[data-theme=dark] .report-card h3,:root.dark-mode .report-card h3{color:#fff!important}:root[data-theme=dark] .report-card p,:root.dark-mode .report-card p{color:#d0d0d0!important}:root[data-theme=dark] .report-btn.primary,:root.dark-mode .report-btn.primary{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .report-btn.primary:hover,:root.dark-mode .report-btn.primary:hover{background:#1976d2!important}:root[data-theme=dark] .report-btn.secondary,:root.dark-mode .report-btn.secondary{background:#6c757d!important;color:#fff!important}:root[data-theme=dark] .report-btn.secondary:hover,:root.dark-mode .report-btn.secondary:hover{background:#5a6268!important}:root[data-theme=dark] .report-settings,:root.dark-mode .report-settings{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .report-settings h3,:root.dark-mode .report-settings h3{color:#fff!important}:root[data-theme=dark] .setting-item label,:root.dark-mode .setting-item label{color:#e0e0e0!important}:root[data-theme=dark] .setting-select,:root.dark-mode .setting-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .setting-select:focus,:root.dark-mode .setting-select:focus{border-color:#64b5f6!important}:root[data-theme=dark] .practices-explanation h4,:root.dark-mode .practices-explanation h4{color:#64b5f6!important}:root[data-theme=dark] .practices-explanation p,:root.dark-mode .practices-explanation p{color:#e0e0e0!important}:root[data-theme=dark] .practices-explanation ol li,:root.dark-mode .practices-explanation ol li{color:#e0e0e0!important}:root[data-theme=dark] .practices-explanation strong,:root.dark-mode .practices-explanation strong{color:#64b5f6!important}:root[data-theme=dark] .practices-explanation em,:root.dark-mode .practices-explanation em{color:#b0b0b0!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#e5e7eb;color:#374151}.modal-body{padding:24px;flex:1;overflow-y:auto}.application-info{background-color:#f3f4f6;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.95rem}.division-selection h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#111827}.loading{text-align:center;padding:40px;color:#6b7280;font-style:italic}.division-list{display:flex;flex-direction:column;gap:8px}.division-item{display:flex;align-items:center;padding:12px 16px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;background-color:#fff}.division-item:hover{border-color:#3b82f6;background-color:#f8fafc}.division-item input[type=checkbox]{margin-right:12px;width:16px;height:16px;accent-color:#3b82f6}.division-code{font-weight:600;color:#1f2937;min-width:40px;margin-right:12px;font-size:.9rem}.division-name{font-weight:500;color:#374151;min-width:120px;margin-right:12px}.division-full-name{color:#6b7280;font-size:.9rem;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.btn{padding:10px 20px;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-secondary{background-color:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-primary:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body,.modal-footer{padding:16px}.division-item{flex-direction:column;align-items:flex-start;gap:4px}.division-code,.division-name{min-width:auto;margin-right:0}}@media (prefers-color-scheme: dark){.modal-overlay{background-color:#000c}.modal-content{background:#2d2d2d;box-shadow:0 4px 20px #00000080}.modal-header{background-color:#3d3d3d;border-bottom-color:#404040}.modal-header h2{color:#e0e0e0}.modal-close{color:#b0b0b0}.modal-close:hover{background-color:#4d4d4d;color:#e0e0e0}.modal-body{background:#2d2d2d}.application-info{background-color:#3d3d3d;color:#e0e0e0}.division-selection h3{color:#e0e0e0}.division-item{background-color:#3d3d3d;border-color:#404040;color:#e0e0e0}.division-item:hover{background-color:#4d4d4d;border-color:#64b5f6}}:root[data-theme=dark] .modal-overlay,:root.dark-mode .modal-overlay{background-color:#000c}:root[data-theme=dark] .modal-content,:root.dark-mode .modal-content{background:#2d2d2d;box-shadow:0 4px 20px #00000080}:root[data-theme=dark] .modal-header,:root.dark-mode .modal-header{background-color:#3d3d3d;border-bottom-color:#404040}:root[data-theme=dark] .modal-header h2,:root.dark-mode .modal-header h2{color:#e0e0e0}:root[data-theme=dark] .modal-close,:root.dark-mode .modal-close{color:#b0b0b0}:root[data-theme=dark] .modal-close:hover,:root.dark-mode .modal-close:hover{background-color:#4d4d4d;color:#e0e0e0}:root[data-theme=dark] .modal-body,:root.dark-mode .modal-body{background:#2d2d2d}:root[data-theme=dark] .application-info,:root.dark-mode .application-info{background-color:#3d3d3d;color:#e0e0e0}:root[data-theme=dark] .division-selection h3,:root.dark-mode .division-selection h3{color:#e0e0e0}:root[data-theme=dark] .division-item,:root.dark-mode .division-item{background-color:#3d3d3d;border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .division-item:hover,:root.dark-mode .division-item:hover{background-color:#4d4d4d;border-color:#64b5f6}.control-page{padding:40px;max-width:100%;margin:0 auto;background:#f8f9fa;min-height:calc(100vh - 70px);position:relative}.control-under-construction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);background:#ffffc8f2;color:#856404;font-size:3em;font-weight:700;padding:20px 60px;border:3px solid #ffc107;border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:1000;text-align:center;white-space:nowrap;pointer-events:none;opacity:.9}.page-header{margin-bottom:40px}.back-button{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:background .3s}.back-button:hover{background:#5a6268}.page-header h1{color:#2c3e50;font-size:3em;margin:0 0 15px;font-weight:300}.page-header p{color:#7f8c8d;font-size:1.2em;margin:0}.control-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%;margin:0 auto}.control-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #2196F3;display:flex;flex-direction:column;height:100%}.control-card h3{color:#2c3e50;margin:0 0 15px;font-size:1.5em;font-weight:600}.control-card p{color:#7f8c8d;margin:0 0 25px;line-height:1.5}.monitoring-stats{margin-bottom:25px}.stat-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.stat-icon{font-size:1.2em}.management-options{margin-bottom:25px}.option-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.option-icon{font-size:1.2em}.audit-info{margin-bottom:25px}.audit-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.audit-icon{font-size:1.2em}.security-status{margin-bottom:25px}.security-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:#2c3e50}.security-icon{font-size:1.2em}.error{background:#fff;padding:40px;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a}.error h2{color:#2c3e50;margin-bottom:15px}.error p{color:#7f8c8d;margin-bottom:10px}.back-btn{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;margin-top:20px;transition:background .3s}.back-btn:hover{background:#1976d2}.action-button{background:#fff;color:#2196f3;border:2px solid #e9ecef;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s;width:100%}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#2196f3;background:#f0f8ff}.control-card .action-button{margin-top:auto}@media (max-width: 768px){.control-sections{grid-template-columns:repeat(2,1fr)}.control-page{padding:20px}}@media (max-width: 480px){.control-sections{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.control-page{background:#1a1a1a}.page-header h1{color:#e0e0e0}.page-header p{color:#b0b0b0}.back-button{background:#3d3d3d;color:#e0e0e0}.back-button:hover{background:#4d4d4d}.control-card{background:#2d2d2d!important;box-shadow:0 4px 6px #0000004d!important;border-left-color:#2196f3!important;border-color:#404040!important}.control-card h3{color:#e0e0e0}.control-card p{color:#b0b0b0}.stat-item,.option-item,.audit-item,.security-item{color:#e0e0e0}.action-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}.action-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #00000080!important}.error{background:#2d2d2d!important;border-color:#404040!important}.error h2{color:#fff!important}.error p{color:#d0d0d0!important}.back-btn{background:#2196f3!important;color:#fff!important}.back-btn:hover{background:#1976d2!important}.control-under-construction{background:#ffff96f2!important;color:#856404!important;border-color:#ffc107!important;box-shadow:0 4px 20px #00000080!important}}:root[data-theme=dark] .control-page,:root.dark-mode .control-page{background:#1a1a1a}:root[data-theme=dark] .stat-item,:root[data-theme=dark] .option-item,:root[data-theme=dark] .audit-item,:root[data-theme=dark] .security-item,:root.dark-mode .stat-item,:root.dark-mode .option-item,:root.dark-mode .audit-item,:root.dark-mode .security-item{color:#e0e0e0}:root[data-theme=dark] .control-under-construction,:root.dark-mode .control-under-construction{background:#ffff96f2!important;color:#856404!important;border-color:#ffc107!important;box-shadow:0 4px 20px #00000080!important}:root.dark-mode .control-page,:root[data-theme=dark] .control-page{background:#1a1a1a}:root[data-theme=dark] .page-header h1,:root.dark-mode .page-header h1{color:#e0e0e0}:root[data-theme=dark] .page-header p,:root.dark-mode .page-header p{color:#b0b0b0}:root[data-theme=dark] .back-button,:root.dark-mode .back-button{background:#3d3d3d;color:#e0e0e0}:root[data-theme=dark] .back-button:hover,:root.dark-mode .back-button:hover{background:#4d4d4d}:root[data-theme=dark] .control-card,:root.dark-mode .control-card{background:#2d2d2d!important;box-shadow:0 4px 6px #0000004d!important;border-left-color:#2196f3!important;border-color:#404040!important}:root[data-theme=dark] .control-card h3,:root.dark-mode .control-card h3{color:#e0e0e0}:root[data-theme=dark] .control-card p,:root.dark-mode .control-card p{color:#b0b0b0}:root[data-theme=dark] .stat-item,:root.dark-mode .stat-item,:root[data-theme=dark] .option-item,:root.dark-mode .option-item,:root[data-theme=dark] .audit-item,:root.dark-mode .audit-item,:root[data-theme=dark] .security-item,:root.dark-mode .security-item{color:#e0e0e0}:root[data-theme=dark] .action-button,:root.dark-mode .action-button{background:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important}:root[data-theme=dark] .action-button:hover,:root.dark-mode .action-button:hover{background:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #00000080!important}:root[data-theme=dark] .error,:root.dark-mode .error{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .error h2,:root.dark-mode .error h2{color:#fff!important}:root[data-theme=dark] .error p,:root.dark-mode .error p{color:#d0d0d0!important}:root[data-theme=dark] .back-btn,:root.dark-mode .back-btn{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .back-btn:hover,:root.dark-mode .back-btn:hover{background:#1976d2!important}.templates-page{padding:30px;max-width:100%;margin:0 auto}.templates-page h1{text-align:center;color:#333;margin-bottom:20px;font-size:2.5em}.templates-page p{text-align:center;color:#666;margin-bottom:40px;font-size:1.2em}.template-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.template-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;text-align:center;border:2px solid #e9ecef}.template-card h3{color:#333;margin-bottom:15px;font-size:1.5em}.template-card p{color:#666;margin-bottom:25px;line-height:1.6}.download-btn{background:#2196f3;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}.download-btn:hover{transform:translateY(-2px)}.validation-page{padding:30px;max-width:100%;margin:0 auto}.validation-page h1{text-align:center;color:#333;margin-bottom:20px;font-size:2.5em}.validation-page p{text-align:center;color:#666;margin-bottom:40px;font-size:1.2em}.validation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;text-align:center;border:2px solid #e9ecef}.stat-card h3{color:#333;margin-bottom:15px;font-size:1.2em}.stat-number{font-size:3em;font-weight:700;color:#667eea}.stat-number.valid{color:#28a745}.stat-number.invalid{color:#dc3545}.saved-data-page{padding:30px;max-width:100%;margin:0 auto}.saved-data-page h1{text-align:center;color:#333;margin-bottom:20px;font-size:2.5em}.saved-data-page p{text-align:center;color:#666;margin-bottom:40px;font-size:1.2em}.data-tabs{display:flex;justify-content:center;margin-bottom:30px;gap:10px}.tab{padding:12px 24px;border:2px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.tab.active{background:#667eea;color:#fff;border-color:#667eea}.tab:hover{background:#f8f9fa}.tab.active:hover{background:#5a6fd8}.data-content{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 6px #0000001a;text-align:center;color:#666}.hr-records-page{padding:30px;max-width:100%;margin:0 auto}.hr-records-page h1{text-align:center;color:#333;margin-bottom:20px;font-size:2.5em}.hr-records-page p{text-align:center;color:#666;margin-bottom:40px;font-size:1.2em}.ad-records-page{padding:30px;max-width:100%;margin:0 auto}.ad-records-page h1{text-align:center;color:#333;margin-bottom:20px;font-size:2.5em}.ad-records-page p{text-align:center;color:#666;margin-bottom:40px;font-size:1.2em}.records-table{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;background:#f8f9fa;padding:15px;font-weight:700;color:#333;border-bottom:2px solid #e9ecef}.table-content{padding:40px;text-align:center;color:#666}.admin-container{padding:20px;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-header h1{color:#333;margin:0}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}.back-btn:hover{background:#5a6268}.admin-tabs{display:flex;margin-bottom:30px;gap:8px;border-bottom:1px solid #e0e0e0;padding-bottom:0}.tab{background:#fff;border:1px solid #e0e0e0;padding:12px 24px;cursor:pointer;font-size:16px;color:#007bff;border-radius:8px;transition:all .2s ease;font-weight:500;box-shadow:0 2px 4px #0000001a;margin-bottom:8px}.tab:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 8px #00000026}.tab.active{background:#e3f2fd;border-color:#007bff;color:#007bff;font-weight:600;box-shadow:0 4px 8px #007bff33}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{color:#333;margin:0}.create-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}.create-btn:hover{background:#218838}.create-form{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e9ecef}.create-form h3{margin-top:0;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.user-actions{margin:15px 0;padding:10px 0;border-top:1px solid #eee}.edit-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.edit-btn:hover{background:#0056b3}.edit-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px}.edit-form h3{margin-top:0;color:#333}.form-group textarea{height:80px;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.save-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.save-btn:hover{background:#0056b3}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.cancel-btn:hover{background:#5a6268}.roles-list,.users-list{display:grid;gap:20px}.role-card,.user-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.role-header,.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.role-header h3,.user-header h3{margin:0;color:#333}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.role-description{color:#666;margin-bottom:20px;font-style:italic}.permissions-section{margin-top:20px}.permissions-section h4{margin-bottom:15px;color:#333}.permissions-matrix{overflow-x:auto;margin-top:15px}.permissions-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.permissions-table thead{background:#f8f9fa}.permissions-table th{padding:12px 8px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:14px}.column-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.select-all-btn{background:none;border:1px solid #ddd;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;color:#666;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.select-all-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.select-all-btn:active{background:#e9ecef}.permissions-table td{padding:10px 8px;border-bottom:1px solid #e9ecef;vertical-align:middle}.permissions-table tbody tr:hover{background:#f8f9fa}.module-cell{font-weight:600;color:#333;min-width:120px}.tab-cell{color:#666;min-width:100px}.action-cell{text-align:center;width:80px}.action-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.action-cell input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.action-cell input[type=checkbox]:checked{background-color:#007bff}.save-controls{margin-top:30px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.pending-changes-info{color:#666;font-weight:500}.button-group{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:100px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.user-info{margin-bottom:20px}.user-info p{margin:5px 0;color:#555}.roles-section{margin-top:20px}.roles-section h4{margin-bottom:15px;color:#333}.user-roles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.user-role{background:#007bff;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px}.remove-role-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-role-btn:hover{background:#fff3}.assign-role-section{margin-top:15px}.assign-role-section h5{margin-bottom:10px;color:#333}.available-roles{display:flex;flex-wrap:wrap;gap:10px}.assign-role-btn{background:#28a745;color:#fff;border:none;padding:5px 12px;border-radius:20px;cursor:pointer;font-size:12px}.assign-role-btn:hover{background:#218838}.loading{text-align:center;padding:50px;font-size:18px;color:#666}.error{background:#f8d7da;color:#721c24;padding:20px;border-radius:5px;margin-bottom:20px;border:1px solid #f5c6cb}.retry-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.retry-btn:hover{background:#0056b3}@media (max-width: 768px){.admin-container{padding:10px}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.admin-tabs{flex-direction:column}.tab{text-align:left;border-bottom:1px solid #ddd;border-right:none}.permissions-grid{grid-template-columns:1fr}.user-roles,.available-roles{flex-direction:column}}.restrictions-tab{margin-top:20px}.restrictions-content{display:flex;flex-direction:column;gap:30px}.user-restrictions-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;box-shadow:0 2px 4px #0000001a}.user-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.user-header h3{color:#333;margin:0 0 8px;font-size:20px}.user-info{color:#666;margin:0 0 8px;font-size:14px}.user-roles{color:#495057;margin:0;font-size:14px}.restrictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.restriction-section{background:#f8f9fa;border-radius:6px;padding:20px}.restriction-section h4{color:#495057;margin:0 0 15px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.restriction-list{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:4px;background:#fff}.restriction-item{padding:8px 12px;border-bottom:1px solid #f1f3f4;transition:background-color .2s ease}.restriction-item:last-child{border-bottom:none}.restriction-item:hover{background-color:#f8f9fa}.restriction-item label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#495057;margin:0}.restriction-item input[type=checkbox]{margin-right:10px;transform:scale(1.1)}.restriction-item em{color:#6c757d;font-style:italic;font-size:13px}.select-all-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.9em;color:#666}.organizations-tab{padding:20px}.organizations-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:20px}.organizations-list{display:flex;flex-direction:column;gap:20px}.organization-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.organization-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.organization-header h3{margin:0 0 8px;color:#2d3748;font-size:18px;font-weight:600}.org-code{margin:0 0 8px;color:#667eea;font-weight:500;font-size:14px}.org-description{margin:0 0 15px;color:#718096;font-size:14px;line-height:1.5}.organization-actions{display:flex;gap:10px}.action-btn{padding:6px 4px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;width:2cm;min-width:2cm;max-width:2cm}.edit-btn{background:#4299e1;color:#fff}.edit-btn:hover{background:#3182ce}.delete-btn{background:#d32f2f;color:#fff}.delete-btn:hover{background:#c62828}.create-organization{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;height:fit-content}.create-organization h3{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.create-form{display:flex;flex-direction:column;gap:15px}.create-form .form-group{display:flex;flex-direction:column}.create-form label{margin-bottom:5px;color:#4a5568;font-weight:500;font-size:14px}.create-form input,.create-form textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.create-form input:focus,.create-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.create-form textarea{resize:vertical;min-height:80px}.create-form .create-btn{background:#2196f3;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-form .create-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}@media (max-width: 768px){.restrictions-grid{grid-template-columns:1fr}.restriction-list{max-height:150px}.organizations-content{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.admin-container{background:#1a1a1a}.admin-header h1{color:#e0e0e0}.admin-tabs{background:#2d2d2d;border-color:#404040}.admin-tab{background:#3d3d3d;color:#b0b0b0;border-color:#404040}.admin-tab:hover{background:#4d4d4d}.admin-tab.active{background:#2196f3;color:#fff}.admin-card{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.admin-card h2,.admin-card h3{color:#e0e0e0}.admin-card p{color:#b0b0b0}.admin-table{background:#2d2d2d;color:#e0e0e0}.admin-table thead th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.admin-table tbody td{border-color:#404040;color:#e0e0e0}.admin-table tbody tr:hover{background:#3d3d3d}.create-form input,.create-form textarea,.create-form select{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.create-form input:focus,.create-form textarea:focus,.create-form select:focus{border-color:#64b5f6;background:#4d4d4d}.create-btn,.update-btn,.delete-btn{background:#3d3d3d;color:#64b5f6;border-color:#404040}.create-btn:hover,.update-btn:hover{background:#4d4d4d;border-color:#64b5f6}.edit-btn{background:#2196f3!important;color:#fff!important}.edit-btn:hover{background:#1976d2!important}.delete-btn{background:#d32f2f;color:#fff}.delete-btn:hover{background:#c62828}.status-text{background:#3d3d3d;border-color:#404040;color:#e0e0e0}.settings-tab{background:#1a1a1a}.maintenance-actions{background:#2d2d2d}.action-button{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none}.action-button:hover{background:#4d4d4d;border-color:#64b5f6!important}.action-button.secondary{background:transparent!important;color:#64b5f6!important;border-color:#64b5f6!important}.action-button.secondary:hover{background:#64b5f61a!important;color:#90caf9!important;border-color:#90caf9!important}.action-button.danger{background:#c62828;color:#fff;border-color:#c62828!important}.action-button.danger:hover{background:#d32f2f;border-color:#d32f2f!important}.database-management-actions,.status-display{background:#2d2d2d;border-color:#404040}.status-display h4{color:#e0e0e0}.compliance-status{background:#2d2d2d}.status-item,.section-header h2{color:#e0e0e0}.section-header p{color:#b0b0b0}.logging-tab{background:#1a1a1a}.audit-filters{background:#2d2d2d!important;border-color:#404040!important}.audit-filters .filter-group label{color:#e0e0e0!important}.filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#64b5f6!important}.filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important;color:#e0e0e0!important;outline:none!important}.filter-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#64b5f6!important}.filter-input:focus{border-color:#64b5f6!important;background:#4d4d4d!important;color:#e0e0e0!important;outline:none!important}.audit-table-container{background:#2d2d2d;border-color:#404040}.audit-table{background:#2d2d2d!important}.audit-table thead th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}.audit-table tbody td{background:#2d2d2d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}.audit-table tbody tr:hover,.audit-table tbody tr:hover td{background:#3d3d3d!important}.role-badge{color:#e0e0e0}.role-badge.testmgr{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}.role-badge.packagemgr{background:#3d2d4d!important;color:#ce93d8!important;border-color:#9c27b0!important}.role-badge.implementationmgr{background:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}.role-badge.admin{background:#4d3d1e!important;color:#ffcc02!important;border-color:#ff9800!important}.role-badge.projectmanager{background:#4d2d3d!important;color:#f8bbd9!important;border-color:#e91e63!important}.status-success{color:#4caf50!important}.status-info{color:#64b5f6!important}.status-error{color:#f44336!important}.audit-summary{background:#2d2d2d!important;border-color:#404040!important}.audit-summary h4{color:#e0e0e0!important}.summary-stats{background:transparent}.summary-item{background:#3d3d3d!important;border-color:#404040!important;color:#e0e0e0!important}.summary-icon{opacity:.9}.audit-actions{background:transparent}.role-card,.user-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}.role-header h3,.user-header h3{color:#e0e0e0}.role-description{color:#b0b0b0}.permissions-section h4{color:#e0e0e0}.permissions-table{background:#2d2d2d;box-shadow:0 2px 4px #0000004d}.permissions-table thead{background:#3d3d3d}.permissions-table th{background:#3d3d3d;color:#e0e0e0;border-bottom-color:#404040}.permissions-table td{color:#e0e0e0;border-bottom-color:#404040}.permissions-table tbody tr:hover{background:#3d3d3d}.module-cell{color:#e0e0e0}.tab-cell{color:#b0b0b0}.select-all-btn{background:#3d3d3d;border-color:#404040;color:#b0b0b0}.select-all-btn:hover{background:#4d4d4d;border-color:#64b5f6;color:#64b5f6}.create-form,.edit-form{background:#2d2d2d;border-color:#404040}.create-form h3,.edit-form h3,.form-group label{color:#e0e0e0}.form-group input,.form-group textarea,.form-group select{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#64b5f6;background:#4d4d4d}.save-controls{background:#2d2d2d;border-color:#404040}.save-controls h4{color:#e0e0e0}.save-controls p{color:#b0b0b0}.user-actions{border-top-color:#404040}.restrictions-tab,.restrictions-content{background:#1a1a1a}.user-restrictions-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}.user-header{border-bottom-color:#404040}.user-header h3{color:#e0e0e0}.user-info,.user-roles{color:#b0b0b0}.restriction-section{background:#3d3d3d}.restriction-section h4{color:#e0e0e0}.restriction-list{background:#2d2d2d;border-color:#404040}.restriction-item{border-bottom-color:#404040}.restriction-item:hover{background-color:#3d3d3d}.restriction-item label{color:#e0e0e0}.restriction-item em,.restriction-section label,.select-all-label{color:#b0b0b0}.organizations-tab,.organizations-content{background:#1a1a1a}.organization-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}.organization-card:hover{box-shadow:0 4px 16px #00000080}.organization-header h3{color:#e0e0e0}.org-code{color:#64b5f6}.org-description{color:#b0b0b0}.create-organization{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}.create-organization h3,.create-form label{color:#e0e0e0}.create-form input,.create-form textarea{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.create-form input:focus,.create-form textarea:focus{border-color:#64b5f6;background:#4d4d4d;box-shadow:0 0 0 3px #64b5f633}.create-form .create-btn{background:#2196f3!important;color:#fff!important}.create-form .create-btn:hover{background:#1976d2!important;box-shadow:0 4px 12px #2196f34d!important}}:root[data-theme=dark] .admin-container,:root.dark-mode .admin-container{background:#1a1a1a}:root[data-theme=dark] .admin-header h1,:root.dark-mode .admin-header h1{color:#e0e0e0}:root[data-theme=dark] .admin-tabs,:root.dark-mode .admin-tabs{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .admin-tab,:root.dark-mode .admin-tab{background:#3d3d3d;color:#b0b0b0;border-color:#404040}:root[data-theme=dark] .admin-tab:hover,:root.dark-mode .admin-tab:hover{background:#4d4d4d}:root[data-theme=dark] .admin-tab.active,:root.dark-mode .admin-tab.active{background:#2196f3;color:#fff}:root[data-theme=dark] .admin-card,:root.dark-mode .admin-card{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .admin-card h2,:root.dark-mode .admin-card h2,:root[data-theme=dark] .admin-card h3,:root.dark-mode .admin-card h3{color:#e0e0e0}:root[data-theme=dark] .admin-card p,:root.dark-mode .admin-card p{color:#b0b0b0}:root[data-theme=dark] .admin-table thead th,:root.dark-mode .admin-table thead th{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .admin-table tbody td,:root.dark-mode .admin-table tbody td{border-color:#404040;color:#e0e0e0}:root[data-theme=dark] .admin-table tbody tr:hover,:root.dark-mode .admin-table tbody tr:hover{background:#3d3d3d}:root[data-theme=dark] .create-form input:focus,:root.dark-mode .create-form input:focus,:root[data-theme=dark] .create-form textarea:focus,:root.dark-mode .create-form textarea:focus,:root[data-theme=dark] .create-form select:focus,:root.dark-mode .create-form select:focus{border-color:#64b5f6;background:#4d4d4d}:root[data-theme=dark] .section-header h2,:root.dark-mode .section-header h2{color:#e0e0e0}:root[data-theme=dark] .role-card,:root[data-theme=dark] .user-card,:root.dark-mode .role-card,:root.dark-mode .user-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .role-header h3,:root[data-theme=dark] .user-header h3,:root.dark-mode .role-header h3,:root.dark-mode .user-header h3{color:#e0e0e0}:root[data-theme=dark] .role-description,:root.dark-mode .role-description{color:#b0b0b0}:root[data-theme=dark] .permissions-section h4,:root.dark-mode .permissions-section h4{color:#e0e0e0}:root[data-theme=dark] .permissions-table,:root.dark-mode .permissions-table{background:#2d2d2d;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .permissions-table thead,:root.dark-mode .permissions-table thead{background:#3d3d3d}:root[data-theme=dark] .permissions-table th,:root.dark-mode .permissions-table th{background:#3d3d3d;color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .permissions-table td,:root.dark-mode .permissions-table td{color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .permissions-table tbody tr:hover,:root.dark-mode .permissions-table tbody tr:hover{background:#3d3d3d}:root[data-theme=dark] .module-cell,:root.dark-mode .module-cell{color:#e0e0e0}:root[data-theme=dark] .tab-cell,:root.dark-mode .tab-cell{color:#b0b0b0}:root[data-theme=dark] .select-all-btn,:root.dark-mode .select-all-btn{background:#3d3d3d;border-color:#404040;color:#b0b0b0}:root[data-theme=dark] .select-all-btn:hover,:root.dark-mode .select-all-btn:hover{background:#4d4d4d;border-color:#64b5f6;color:#64b5f6}:root[data-theme=dark] .create-form,:root[data-theme=dark] .edit-form,:root.dark-mode .create-form,:root.dark-mode .edit-form{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .create-form h3,:root[data-theme=dark] .edit-form h3,:root.dark-mode .create-form h3,:root.dark-mode .edit-form h3{color:#e0e0e0}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group textarea,:root[data-theme=dark] .form-group select,:root.dark-mode .form-group input,:root.dark-mode .form-group textarea,:root.dark-mode .form-group select{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group textarea:focus,:root[data-theme=dark] .form-group select:focus,:root.dark-mode .form-group input:focus,:root.dark-mode .form-group textarea:focus,:root.dark-mode .form-group select:focus{border-color:#64b5f6;background:#4d4d4d}:root[data-theme=dark] .save-controls,:root.dark-mode .save-controls{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .save-controls h4,:root.dark-mode .save-controls h4{color:#e0e0e0}:root[data-theme=dark] .save-controls p,:root.dark-mode .save-controls p{color:#b0b0b0}:root[data-theme=dark] .user-actions,:root.dark-mode .user-actions{border-top-color:#404040}:root[data-theme=dark] .restrictions-tab,:root.dark-mode .restrictions-tab{background:#1a1a1a}:root[data-theme=dark] .restrictions-content,:root.dark-mode .restrictions-content{background:#1a1a1a}:root[data-theme=dark] .user-restrictions-card,:root.dark-mode .user-restrictions-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 4px #0000004d}:root[data-theme=dark] .user-header,:root.dark-mode .user-header{border-bottom-color:#404040}:root[data-theme=dark] .user-header h3,:root.dark-mode .user-header h3{color:#e0e0e0}:root[data-theme=dark] .user-info,:root.dark-mode .user-info{color:#b0b0b0}:root[data-theme=dark] .user-roles,:root.dark-mode .user-roles{color:#b0b0b0}:root[data-theme=dark] .restriction-section,:root.dark-mode .restriction-section{background:#3d3d3d}:root[data-theme=dark] .restriction-section h4,:root.dark-mode .restriction-section h4{color:#e0e0e0}:root[data-theme=dark] .restriction-list,:root.dark-mode .restriction-list{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .restriction-item,:root.dark-mode .restriction-item{border-bottom-color:#404040}:root[data-theme=dark] .restriction-item:hover,:root.dark-mode .restriction-item:hover{background-color:#3d3d3d}:root[data-theme=dark] .restriction-item label,:root.dark-mode .restriction-item label{color:#e0e0e0}:root[data-theme=dark] .restriction-item em,:root.dark-mode .restriction-item em{color:#b0b0b0}:root[data-theme=dark] .restriction-section label,:root[data-theme=dark] .select-all-label,:root.dark-mode .restriction-section label,:root.dark-mode .select-all-label{color:#b0b0b0}:root[data-theme=dark] .organizations-tab,:root.dark-mode .organizations-tab{background:#1a1a1a}:root[data-theme=dark] .organizations-content,:root.dark-mode .organizations-content{background:#1a1a1a}:root[data-theme=dark] .organization-card,:root.dark-mode .organization-card{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .organization-card:hover,:root.dark-mode .organization-card:hover{box-shadow:0 4px 16px #00000080}:root[data-theme=dark] .organization-header h3,:root.dark-mode .organization-header h3{color:#e0e0e0}:root[data-theme=dark] .org-code,:root.dark-mode .org-code{color:#64b5f6}:root[data-theme=dark] .org-description,:root.dark-mode .org-description{color:#b0b0b0}:root[data-theme=dark] .create-organization,:root.dark-mode .create-organization{background:#2d2d2d;border-color:#404040;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .create-organization h3,:root.dark-mode .create-organization h3{color:#e0e0e0}:root[data-theme=dark] .create-form label,:root.dark-mode .create-form label{color:#e0e0e0}:root[data-theme=dark] .create-form input,:root[data-theme=dark] .create-form textarea,:root.dark-mode .create-form input,:root.dark-mode .create-form textarea{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .create-form input:focus,:root[data-theme=dark] .create-form textarea:focus,:root.dark-mode .create-form input:focus,:root.dark-mode .create-form textarea:focus{border-color:#64b5f6;background:#4d4d4d;box-shadow:0 0 0 3px #64b5f633}:root[data-theme=dark] .create-form .create-btn,:root.dark-mode .create-form .create-btn{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .create-form .create-btn:hover,:root.dark-mode .create-form .create-btn:hover{background:#1976d2!important;box-shadow:0 4px 12px #2196f34d!important}:root[data-theme=dark] .create-btn:hover,:root.dark-mode .create-btn:hover,:root[data-theme=dark] .update-btn:hover,:root.dark-mode .update-btn:hover{background:#4d4d4d;border-color:#64b5f6}:root[data-theme=dark] .delete-btn,:root.dark-mode .delete-btn{background:#d32f2f;color:#fff}:root[data-theme=dark] .delete-btn:hover,:root.dark-mode .delete-btn:hover{background:#c62828}:root[data-theme=dark] .edit-btn,:root.dark-mode .edit-btn{background:#2196f3!important;color:#fff!important}:root[data-theme=dark] .edit-btn:hover,:root.dark-mode .edit-btn:hover{background:#1976d2!important}:root[data-theme=dark] .settings-tab,:root.dark-mode .settings-tab{background:#1a1a1a}:root[data-theme=dark] .maintenance-actions,:root.dark-mode .maintenance-actions{background:#2d2d2d}:root[data-theme=dark] .action-button,:root.dark-mode .action-button{background:#3d3d3d;color:#64b5f6;border-color:#64b5f6!important;outline:none!important}:root[data-theme=dark] .action-button:hover,:root.dark-mode .action-button:hover{background:#4d4d4d;border-color:#64b5f6!important}:root[data-theme=dark] .action-button.secondary,:root.dark-mode .action-button.secondary{background:transparent!important;color:#64b5f6!important;border-color:#64b5f6!important}:root[data-theme=dark] .action-button.secondary:hover,:root.dark-mode .action-button.secondary:hover{background:#64b5f61a!important;color:#90caf9!important;border-color:#90caf9!important}:root[data-theme=dark] .action-button.danger,:root.dark-mode .action-button.danger{background:#c62828;color:#fff;border-color:#c62828!important}:root[data-theme=dark] .action-button.danger:hover,:root.dark-mode .action-button.danger:hover{background:#d32f2f;border-color:#d32f2f!important}:root[data-theme=dark] .database-management-actions,:root.dark-mode .database-management-actions{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .status-display,:root.dark-mode .status-display{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .status-display h4,:root.dark-mode .status-display h4{color:#e0e0e0}:root[data-theme=dark] .compliance-status,:root.dark-mode .compliance-status{background:#2d2d2d}:root[data-theme=dark] .status-item,:root.dark-mode .status-item{color:#e0e0e0}:root[data-theme=dark] .section-header p,:root.dark-mode .section-header p{color:#b0b0b0}:root[data-theme=dark] .logging-tab,:root.dark-mode .logging-tab{background:#1a1a1a}:root[data-theme=dark] .audit-filters,:root.dark-mode .audit-filters{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .audit-filters .filter-group label,:root.dark-mode .audit-filters .filter-group label{color:#e0e0e0!important}:root[data-theme=dark] .filter-select,:root.dark-mode .filter-select{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#64b5f6!important}:root[data-theme=dark] .filter-select:focus,:root.dark-mode .filter-select:focus{border-color:#64b5f6!important;background:#4d4d4d!important;color:#e0e0e0!important;outline:none!important}:root[data-theme=dark] .filter-input,:root.dark-mode .filter-input{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#64b5f6!important}:root[data-theme=dark] .filter-input:focus,:root.dark-mode .filter-input:focus{border-color:#64b5f6!important;background:#4d4d4d!important;color:#e0e0e0!important;outline:none!important}:root[data-theme=dark] .audit-table-container,:root.dark-mode .audit-table-container{background:#2d2d2d;border-color:#404040}:root[data-theme=dark] .audit-table,:root.dark-mode .audit-table{background:#2d2d2d!important}:root[data-theme=dark] .audit-table thead th,:root.dark-mode .audit-table thead th{background:#3d3d3d!important;color:#e0e0e0!important;border-color:#404040!important}:root[data-theme=dark] .audit-table tbody td,:root.dark-mode .audit-table tbody td{background:#2d2d2d!important;color:#e0e0e0!important;border-bottom-color:#404040!important}:root[data-theme=dark] .audit-table tbody tr:hover,:root.dark-mode .audit-table tbody tr:hover{background:#3d3d3d!important}:root[data-theme=dark] .audit-table tbody tr:hover td,:root.dark-mode .audit-table tbody tr:hover td{background:#3d3d3d!important}:root[data-theme=dark] .role-badge,:root.dark-mode .role-badge{color:#e0e0e0}:root[data-theme=dark] .role-badge.testmgr,:root.dark-mode .role-badge.testmgr{background:#1e3a5f!important;color:#90caf9!important;border-color:#2196f3!important}:root[data-theme=dark] .role-badge.packagemgr,:root.dark-mode .role-badge.packagemgr{background:#3d2d4d!important;color:#ce93d8!important;border-color:#9c27b0!important}:root[data-theme=dark] .role-badge.implementationmgr,:root.dark-mode .role-badge.implementationmgr{background:#2d4d2d!important;color:#c8e6c9!important;border-color:#4caf50!important}:root[data-theme=dark] .role-badge.admin,:root.dark-mode .role-badge.admin{background:#4d3d1e!important;color:#ffcc02!important;border-color:#ff9800!important}:root[data-theme=dark] .role-badge.projectmanager,:root.dark-mode .role-badge.projectmanager{background:#4d2d3d!important;color:#f8bbd9!important;border-color:#e91e63!important}:root[data-theme=dark] .status-success,:root.dark-mode .status-success{color:#4caf50!important}:root[data-theme=dark] .status-info,:root.dark-mode .status-info{color:#64b5f6!important}:root[data-theme=dark] .status-error,:root.dark-mode .status-error{color:#f44336!important}:root[data-theme=dark] .audit-summary,:root.dark-mode .audit-summary{background:#2d2d2d!important;border-color:#404040!important}:root[data-theme=dark] .audit-summary h4,:root.dark-mode .audit-summary h4{color:#e0e0e0!important}:root[data-theme=dark] .summary-stats,:root.dark-mode .summary-stats{background:transparent}:root[data-theme=dark] .summary-item,:root.dark-mode .summary-item{background:#3d3d3d!important;border-color:#404040!important;color:#e0e0e0!important}:root[data-theme=dark] .summary-icon,:root.dark-mode .summary-icon{opacity:.9}:root[data-theme=dark] .audit-actions,:root.dark-mode .audit-actions{background:transparent}.user-profile{position:relative;display:flex;align-items:center}.user-profile .user-tooltip,.user-tooltip,div.user-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;background:#2c3e50!important;background-color:#2c3e50!important;background-image:none!important;color:#2196f3!important;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;z-index:1001;box-shadow:0 4px 12px #0003;pointer-events:none;animation:tooltipFadeIn .2s ease-out;border:none!important;text-shadow:none!important;background-clip:padding-box!important}.user-profile .user-tooltip *,.user-tooltip *,div.user-tooltip *{color:#2196f3!important}.user-tooltip:after{content:"";position:absolute;top:100%;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c3e50}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.user-avatar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;color:#2196f3;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;border:2px solid #e9ecef}#settings-nav-button,.settings-nav-button,.user-dropdown #settings-nav-button,.user-dropdown .settings-nav-button,.user-profile #settings-nav-button,.user-profile .settings-nav-button,.user-dropdown button#settings-nav-button,.user-dropdown button.settings-nav-button{background:#fff!important;background-color:#fff!important;color:#2196f3!important;border:2px solid #e9ecef!important;border-color:#e9ecef!important;padding:10px 20px!important;border-radius:8px!important;margin:8px 20px!important;width:calc(100% - 40px)!important;box-shadow:0 2px 4px #0000001a!important;font-weight:600!important;transition:all .3s ease!important;text-align:center!important;justify-content:center!important;display:flex!important;align-items:center!important;cursor:pointer!important;gap:12px!important;font-size:14px!important;background-image:none!important;background-clip:padding-box!important}#settings-nav-button:hover,.settings-nav-button:hover,.user-dropdown #settings-nav-button:hover,.user-dropdown .settings-nav-button:hover,.user-profile #settings-nav-button:hover,.user-profile .settings-nav-button:hover,.user-dropdown button#settings-nav-button:hover,.user-dropdown button.settings-nav-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important;border-color:#2196f3!important;background:#f0f8ff!important;background-color:#f0f8ff!important;background-image:none!important;color:#2196f3!important}.user-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#2196f3;background:#f0f8ff}.avatar-circle{width:40px;height:40px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#2196f3;border:2px solid #e9ecef}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-avatar .username,.user-profile .username,.username{color:#2196f3!important;font-weight:600;font-size:14px;line-height:1.2}.user-avatar .organization,.user-profile .organization,.organization{color:#7f8c8d!important;font-size:12px;line-height:1.2}.user-avatar .dropdown-arrow,.user-profile .dropdown-arrow,.dropdown-arrow{color:#2196f3!important;font-size:10px;transition:transform .3s ease;margin-left:4px}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(0,0,0,.1);min-width:280px;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;color:#2c3e50;border-bottom:1px solid #e9ecef}.dropdown-avatar{width:50px;height:50px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#2196f3;border:2px solid #e9ecef}.dropdown-user-info{flex:1}.dropdown-username{font-weight:600;font-size:16px;margin-bottom:4px}.dropdown-email{font-size:13px;opacity:.9;margin-bottom:2px}.dropdown-organization{font-size:12px;opacity:.8}.dropdown-roles{padding:16px 20px;background:#f8f9fa}.roles-label{font-size:12px;font-weight:600;color:#6c757d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;color:#fff;font-size:11px;font-weight:600;margin:2px 4px 2px 0;text-transform:uppercase;letter-spacing:.5px}.dropdown-divider{height:1px;background:#e9ecef;margin:0}.dropdown-actions{padding:8px 0;background:#fff}.dropdown-action{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#495057}.dropdown-action:hover{background-color:#f8f9fa}#settings-nav-button,.user-profile #settings-nav-button,.user-dropdown #settings-nav-button,.user-dropdown button#settings-nav-button{background:#fff!important;background-color:#fff!important;color:#2196f3!important;border:2px solid #e9ecef!important;border-color:#e9ecef!important;padding:10px 20px!important;border-radius:8px!important;margin:8px 20px!important;width:calc(100% - 40px)!important;box-shadow:0 2px 4px #0000001a!important;font-weight:600!important;transition:all .3s ease!important;text-align:center!important;justify-content:center!important;display:flex!important;align-items:center!important;cursor:pointer!important;background-image:none!important;background-clip:padding-box!important;border-style:solid!important}#settings-nav-button:hover,.user-profile #settings-nav-button:hover,.user-dropdown #settings-nav-button:hover,.user-dropdown button#settings-nav-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important;border-color:#2196f3!important;background:#f0f8ff!important;background-color:#f0f8ff!important;background-image:none!important;color:#2196f3!important}.action-icon{font-size:16px;width:20px;text-align:center}.language-selector-wrapper{position:relative;width:100%}.language-button{position:relative}.language-arrow{margin-left:auto;font-size:10px;color:#6c757d;transition:transform .2s ease}.language-menu{position:absolute;bottom:100%;left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid #e9ecef;margin-bottom:4px;overflow:hidden;z-index:1001;animation:languageMenuSlide .2s ease-out}@keyframes languageMenuSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:none;background:#fff;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#495057;position:relative}.language-option:hover{background-color:#f8f9fa}.language-option.active{background-color:#e3f2fd;color:#2196f3;font-weight:600}.language-flag{font-size:20px;width:24px;text-align:center}.check-mark{margin-left:auto;color:#2196f3;font-weight:700;font-size:16px}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}@media (max-width: 768px){.user-avatar{padding:6px 12px;gap:8px}.avatar-circle{width:32px;height:32px;font-size:14px}.username{font-size:13px}.organization{font-size:11px}.user-dropdown{min-width:260px;right:-10px}}@media (prefers-color-scheme: dark){.user-avatar{background:#3d3d3d;border-color:#404040;box-shadow:0 2px 8px #0000004d}.user-avatar:hover{background:#4d4d4d;border-color:#64b5f6;box-shadow:0 4px 12px #64b5f633}.user-avatar .username,.user-profile .username,.username{color:#64b5f6!important}.user-avatar .organization,.user-profile .organization,.organization{color:#b0b0b0!important}.user-avatar .dropdown-arrow,.user-profile .dropdown-arrow,.dropdown-arrow{color:#64b5f6!important}.avatar-circle{background:#404040;border-color:#505050;color:#64b5f6}.user-dropdown{background:#2d2d2d;border-color:#404040;box-shadow:0 8px 32px #00000080}.dropdown-header{background:#2d2d2d;color:#e0e0e0;border-bottom-color:#404040}.dropdown-avatar{background:#404040;border-color:#505050;color:#64b5f6}.dropdown-username{color:#e0e0e0}.dropdown-email,.dropdown-organization{color:#b0b0b0}.dropdown-roles{background:#3d3d3d}.roles-label{color:#b0b0b0}.dropdown-divider{background:#404040}.dropdown-actions{background:#2d2d2d}.dropdown-action{color:#e0e0e0}.dropdown-action:hover{background-color:#3d3d3d}.language-menu{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 16px #00000080}.language-option{background:#2d2d2d;color:#e0e0e0}.language-option:hover{background-color:#3d3d3d}.language-option.active{background-color:#2d4d6d;color:#64b5f6}.language-arrow{color:#b0b0b0}.settings-button-wrapper{background:#2d2d2d}#settings-nav-button,.user-dropdown #settings-nav-button,.user-profile #settings-nav-button,.user-dropdown button#settings-nav-button{background:#3d3d3d!important;background-color:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important;box-shadow:0 2px 4px #0000004d!important}#settings-nav-button:hover,.user-dropdown #settings-nav-button:hover,.user-profile #settings-nav-button:hover,.user-dropdown button#settings-nav-button:hover{background:#4d4d4d!important;background-color:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #64b5f633!important;color:#64b5f6!important}}:root[data-theme=dark] .user-avatar,:root.dark-mode .user-avatar{background:#3d3d3d;border-color:#404040;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .user-avatar:hover,:root.dark-mode .user-avatar:hover{background:#4d4d4d;border-color:#64b5f6;box-shadow:0 4px 12px #64b5f633}:root[data-theme=dark] .user-avatar .username,:root[data-theme=dark] .user-profile .username,:root[data-theme=dark] .username,:root.dark-mode .user-avatar .username,:root.dark-mode .user-profile .username,:root.dark-mode .username{color:#64b5f6!important}:root[data-theme=dark] .user-avatar .organization,:root[data-theme=dark] .user-profile .organization,:root[data-theme=dark] .organization,:root.dark-mode .user-avatar .organization,:root.dark-mode .user-profile .organization,:root.dark-mode .organization{color:#b0b0b0!important}:root[data-theme=dark] .user-avatar .dropdown-arrow,:root[data-theme=dark] .user-profile .dropdown-arrow,:root[data-theme=dark] .dropdown-arrow,:root.dark-mode .user-avatar .dropdown-arrow,:root.dark-mode .user-profile .dropdown-arrow,:root.dark-mode .dropdown-arrow{color:#64b5f6!important}:root[data-theme=dark] .avatar-circle,:root.dark-mode .avatar-circle{background:#404040;border-color:#505050;color:#64b5f6}:root[data-theme=dark] .user-dropdown,:root.dark-mode .user-dropdown{background:#2d2d2d;border-color:#404040;box-shadow:0 8px 32px #00000080}:root[data-theme=dark] .dropdown-header,:root.dark-mode .dropdown-header{background:#2d2d2d;color:#e0e0e0;border-bottom-color:#404040}:root[data-theme=dark] .dropdown-avatar,:root.dark-mode .dropdown-avatar{background:#404040;border-color:#505050;color:#64b5f6}:root[data-theme=dark] .dropdown-username,:root.dark-mode .dropdown-username{color:#e0e0e0}:root[data-theme=dark] .dropdown-email,:root.dark-mode .dropdown-email{color:#b0b0b0}:root[data-theme=dark] .dropdown-organization,:root.dark-mode .dropdown-organization{color:#b0b0b0}:root[data-theme=dark] .dropdown-roles,:root.dark-mode .dropdown-roles{background:#3d3d3d}:root[data-theme=dark] .roles-label,:root.dark-mode .roles-label{color:#b0b0b0}:root[data-theme=dark] .dropdown-divider,:root.dark-mode .dropdown-divider{background:#404040}:root[data-theme=dark] .dropdown-actions,:root.dark-mode .dropdown-actions{background:#2d2d2d}:root[data-theme=dark] .dropdown-action,:root.dark-mode .dropdown-action{color:#e0e0e0}:root[data-theme=dark] .dropdown-action:hover,:root.dark-mode .dropdown-action:hover{background-color:#3d3d3d}:root[data-theme=dark] .language-menu,:root.dark-mode .language-menu{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 16px #00000080}:root[data-theme=dark] .language-option,:root.dark-mode .language-option{background:#2d2d2d;color:#e0e0e0}:root[data-theme=dark] .language-option:hover,:root.dark-mode .language-option:hover{background-color:#3d3d3d}:root[data-theme=dark] .language-option.active,:root.dark-mode .language-option.active{background-color:#2d4d6d;color:#64b5f6}:root[data-theme=dark] .language-arrow,:root.dark-mode .language-arrow{color:#b0b0b0}.settings-button-wrapper{background:#fff}:root[data-theme=dark] .settings-button-wrapper,:root.dark-mode .settings-button-wrapper{background:#2d2d2d}:root[data-theme=dark] #settings-nav-button,:root[data-theme=dark] .user-dropdown #settings-nav-button,:root[data-theme=dark] .user-profile #settings-nav-button,:root[data-theme=dark] .user-dropdown button#settings-nav-button,:root.dark-mode #settings-nav-button,:root.dark-mode .user-dropdown #settings-nav-button,:root.dark-mode .user-profile #settings-nav-button,:root.dark-mode .user-dropdown button#settings-nav-button{background:#3d3d3d!important;background-color:#3d3d3d!important;color:#64b5f6!important;border-color:#404040!important;box-shadow:0 2px 4px #0000004d!important}:root[data-theme=dark] #settings-nav-button:hover,:root[data-theme=dark] .user-dropdown #settings-nav-button:hover,:root[data-theme=dark] .user-profile #settings-nav-button:hover,:root[data-theme=dark] .user-dropdown button#settings-nav-button:hover,:root.dark-mode #settings-nav-button:hover,:root.dark-mode .user-dropdown #settings-nav-button:hover,:root.dark-mode .user-profile #settings-nav-button:hover,:root.dark-mode .user-dropdown button#settings-nav-button:hover{background:#4d4d4d!important;background-color:#4d4d4d!important;border-color:#64b5f6!important;box-shadow:0 8px 25px #64b5f633!important;color:#64b5f6!important}.settings-container{max-width:480px;margin:40px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.settings-container h2{margin:0 0 20px;color:#213547;font-size:1.8em}.settings-container h3{margin-top:16px;margin-bottom:20px;color:#213547;font-size:1.3em}.settings-form{margin-top:20px}.form-group{margin:12px 0}.form-group label{display:block;margin-bottom:6px;color:#213547;font-weight:500;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;color:#213547}.form-group input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.password-strength{margin-top:6px;font-size:12px}.strength-bars{display:flex;gap:4px;margin-top:4px}.strength-bar{display:inline-block;width:16px;height:6px;border-radius:2px;background:#ecf0f1}.strength-bar.active{background:#2ecc71}.password-hint{font-size:12px;color:#666;margin-top:6px}.message{margin:12px 0;padding:12px;border-radius:6px;font-size:14px}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.button-group{display:flex;gap:8px;margin-top:20px}.button-group button{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.button-group button[type=submit]{background:#2196f3;color:#fff}.button-group button[type=submit]:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.button-group button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-group button[type=button]{background:#f0f0f0;color:#213547;border:2px solid #e2e8f0}.button-group button[type=button]:hover{background:#e0e0e0;border-color:#d0d0d0}@media (prefers-color-scheme: dark){.settings-container{background:#2d2d2d;box-shadow:0 2px 8px #00000080}.settings-container h2,.settings-container h3,.form-group label{color:#e0e0e0}.form-group input{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.form-group input:focus{border-color:#64b5f6;background:#4d4d4d}.password-hint{color:#b0b0b0}.strength-bar{background:#404040}.strength-bar.active{background:#2ecc71}.message.success{background:#2d4d2d;color:#81c784;border-color:#38a169}.message.error{background:#4d2d2d;color:#e57373;border-color:#e53e3e}.button-group button[type=button]{background:#3d3d3d;color:#e0e0e0;border-color:#404040}.button-group button[type=button]:hover{background:#4d4d4d;border-color:#64b5f6}}:root[data-theme=dark] .settings-container,:root.dark-mode .settings-container{background:#2d2d2d;box-shadow:0 2px 8px #00000080}:root[data-theme=dark] .settings-container h2,:root[data-theme=dark] .settings-container h3,:root.dark-mode .settings-container h2,:root.dark-mode .settings-container h3{color:#e0e0e0}:root[data-theme=dark] .form-group label,:root.dark-mode .form-group label{color:#e0e0e0}:root[data-theme=dark] .form-group input,:root.dark-mode .form-group input{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .form-group input:focus,:root.dark-mode .form-group input:focus{border-color:#64b5f6;background:#4d4d4d}:root[data-theme=dark] .password-hint,:root.dark-mode .password-hint{color:#b0b0b0}:root[data-theme=dark] .strength-bar,:root.dark-mode .strength-bar{background:#404040}:root[data-theme=dark] .strength-bar.active,:root.dark-mode .strength-bar.active{background:#2ecc71}:root[data-theme=dark] .message.success,:root.dark-mode .message.success{background:#2d4d2d;color:#81c784;border-color:#38a169}:root[data-theme=dark] .message.error,:root.dark-mode .message.error{background:#4d2d2d;color:#e57373;border-color:#e53e3e}:root[data-theme=dark] .button-group button[type=button],:root.dark-mode .button-group button[type=button]{background:#3d3d3d;color:#e0e0e0;border-color:#404040}:root[data-theme=dark] .button-group button[type=button]:hover,:root.dark-mode .button-group button[type=button]:hover{background:#4d4d4d;border-color:#64b5f6}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424}body{background-color:#1a1a1a}a:hover{color:#747bff}button{background-color:#1a1a1a;color:#fff}}:root[data-theme=dark],:root.dark-mode{color:#ffffffde;background-color:#242424}:root[data-theme=dark] body,:root.dark-mode body{background-color:#1a1a1a}:root[data-theme=dark] a:hover,:root.dark-mode a:hover{color:#747bff}:root[data-theme=dark] button,:root.dark-mode button{background-color:#1a1a1a;color:#fff}