:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;display:flex;place-items:center;min-width:320px;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:#1a1a1a;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}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}#root{width:100%;height:100%;margin:0;padding:0}.App{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:0;margin:0}.test-dashboard{width:100%;background:#fff;box-shadow:0 4px 6px #00000012;overflow:hidden}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;position:relative;min-height:120px;display:flex;justify-content:center;align-items:center}.dashboard-header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;position:relative;z-index:1}.dashboard-title-section{text-align:center}.dashboard-header-overlay-left{position:absolute;left:30px;top:20px;z-index:2}.dashboard-header-overlay-top{position:absolute;right:30px;top:20px;z-index:2}.dashboard-header-overlay-right{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:2}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dashboard-subtitle{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px}.week-description{font-size:1.3rem;font-weight:600;color:#fffffff2}.data-info{font-size:.95rem;color:#fffc;font-weight:400}.week-navigator{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.nav-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button[title*="Cannot navigate"]{opacity:.3}.nav-button[title*="No more historical"]{opacity:.4}.week-dropdown{background:#ffffffe6;border:none;padding:10px 15px;border-radius:8px;font-weight:500;color:#333;cursor:pointer;min-width:180px}.week-range{display:flex;flex-direction:column;align-items:center;gap:6px}.week-period{font-size:1.1rem;font-weight:500;opacity:.9;background:#ffffff1a;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-week-badge{font-size:.8rem;font-weight:600;color:#48bb78;background:#48bb781a;padding:2px 8px;border-radius:12px;border:1px solid rgba(72,187,120,.3)}.dashboard-table-container{width:100%;overflow-x:auto;max-height:70vh;overflow-y:auto}.dashboard-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;min-width:100%}.dashboard-table th,.dashboard-table td{padding:12px;text-align:center;border:1px solid #e2e8f0;position:relative}.dashboard-table thead{background:#f8fafc;position:sticky;top:0;z-index:10}.dashboard-table th{font-weight:600;color:#4a5568;background:#f8fafc;border-bottom:2px solid #e2e8f0}.module-header{background:#edf2f7!important;font-weight:700;text-align:left!important;position:sticky;left:0;z-index:11;width:200px}.date-header{writing-mode:horizontal-tb;text-align:center}.day-header-content{display:flex;flex-direction:column;align-items:center;gap:2px}.day-name{font-weight:700;font-size:.9rem;color:#2d3748}.day-date{font-weight:400;font-size:.8rem;color:#718096}.module-name{font-weight:600;background:#edf2f7;text-align:left!important;position:sticky;left:0;z-index:9;border-right:2px solid #e2e8f0}.cell{cursor:pointer;transition:all .3s ease;height:80px;vertical-align:middle}.cell:hover{transform:scale(1.05);z-index:5;box-shadow:0 4px 12px #00000026}.cell.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.cell.failure{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.cell.unstable{background:linear-gradient(135deg,#f6e05e,#d69e2e);color:#fff}.cell.no-data{background:#f7fafc;color:#a0aec0;cursor:default}.cell.no-data:hover{transform:none;box-shadow:none}.cell.future-day{background:#e2e8f0;color:#718096;cursor:default;opacity:.6}.cell.future-day:hover{transform:none;box-shadow:none}.date-header.future-day{opacity:.6}.date-header.future-day .day-name,.date-header.future-day .day-date{color:#a0aec0}.cell-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-weight:600;flex-wrap:wrap}.success-count,.failure-count,.unstable-count{font-size:13px;padding:2px 6px;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.no-data-text{font-style:italic;font-size:12px}.future-text{font-style:italic;font-size:12px;color:#a0aec0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;position:relative}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 30px;position:relative}.modal-header h2{font-size:1.8rem;font-weight:700;margin-bottom:8px}.modal-header p{opacity:.9;font-size:1.1rem}.close-button{position:absolute;top:20px;right:25px;background:#fff3;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:30px;max-height:60vh;overflow-y:auto}.test-summary{display:flex;gap:20px;margin-bottom:25px;justify-content:center}.test-summary .success-count{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1.1rem}.test-summary .failure-count{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1.1rem}.test-summary .unstable-count{background:linear-gradient(135deg,#f6e05e,#d69e2e);color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1.1rem}.test-list{display:flex;flex-direction:column;gap:12px}.test-row{background:#f8fafc;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-left:4px solid transparent}.test-row:hover{background:#edf2f7;transform:translate(4px)}.test-row.unstable:hover{background:#faf089}.test-row.passed{border-left-color:#48bb78}.test-row.failed{border-left-color:#f56565}.test-row.unstable{border-left-color:#f6e05e;background:#fefcbf}.test-info{display:flex;align-items:center;gap:15px;flex:1}.test-name{font-weight:600;color:#2d3748;font-size:1rem}.test-duration{background:#e2e8f0;color:#4a5568;padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:500}.test-status{font-weight:700;font-size:1.2rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-status.passed{background:#48bb78;color:#fff}.test-status.failed{background:#f56565;color:#fff}.test-status.unstable{background:#f6e05e;color:#fff}.allure-link{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;white-space:nowrap}.allure-link:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}@media (max-width: 1200px){.dashboard-table{font-size:12px}.cell{min-width:100px;height:70px}.date-header{min-width:100px}.day-name{font-size:.8rem}.day-date{font-size:.7rem}.dashboard-header-overlay-left{position:static;transform:none;margin-bottom:20px;align-self:center}.dashboard-header-overlay-top{position:static;margin-bottom:15px;align-self:center}.dashboard-header-overlay-right{position:static;transform:none;margin-top:20px;align-self:center}.dashboard-header-center{order:1}.dashboard-header{display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 768px){.App{padding:0}.dashboard-header-overlay-left{position:static;transform:none;margin-bottom:15px;align-self:center}.dashboard-header-overlay-top{position:static;margin-bottom:10px;align-self:center}.dashboard-header-overlay-right{position:static;transform:none;margin-top:15px;align-self:center}.dashboard-header-center{order:1}.dashboard-header{display:flex;flex-direction:column;align-items:stretch}.app-header{flex-direction:column;align-items:stretch;gap:15px}.header-left,.header-right{flex-direction:column;align-items:stretch;gap:10px}.environment-switcher{justify-content:center}.environment-buttons{flex:1;justify-content:center}.module-status-summary{min-width:auto}.dashboard-header{padding:20px}.dashboard-header h1{font-size:2rem}.dashboard-subtitle{margin-bottom:15px}.week-description{font-size:1.1rem}.data-info{font-size:.85rem}.nav-controls{flex-direction:column;gap:10px}.modal-content{width:95vw;margin:10px}.test-row{flex-direction:column;align-items:flex-start;gap:10px}.test-info{flex-direction:column;align-items:flex-start;gap:8px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:1.2rem;color:#4a5568;font-weight:500}.error-banner{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:8px;margin-bottom:20px;padding:15px}.error-content{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.error-icon{font-size:1.5rem}.error-message{color:#742a2a;font-weight:500;flex:1;min-width:200px}.retry-button{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.retry-button:hover{background:#c53030;transform:translateY(-1px)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center}.error-container h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.error-container p{color:#718096;font-size:1.2rem}.connection-status{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:15px}.connection-status.connected{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.connection-status.disconnected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.connection-status.testing{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border:1px solid #bee5eb}.status-icon{font-size:1.1rem}.test-button{background:#0000001a;border:1px solid rgba(0,0,0,.2);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease}.test-button:hover{background:#0003}.app-header{width:100%;background:#fff;padding:20px;box-shadow:0 2px 4px #0000000d;margin-bottom:0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.header-left,.header-right{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}.environment-switcher{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.switcher-label{font-weight:600;color:#4a5568;font-size:.95rem}.environment-buttons{display:flex;gap:8px;background:#f7fafc;padding:4px;border-radius:8px;border:1px solid #e2e8f0}.env-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;color:#4a5568;position:relative}.env-button:hover{background:#667eea1a;color:#667eea}.env-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea4d}.env-button.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.env-name{font-weight:600}.active-indicator{font-size:.8rem;background:#ffffff4d;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.loading-indicator{font-size:1rem;background:#ffffff4d;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}.env-button.loading{opacity:.7;cursor:not-allowed}.env-button:disabled{cursor:not-allowed}.module-status-summary{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:200px}.summary-stats{display:flex;align-items:center;gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{font-size:.75rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.9rem;font-weight:600;color:#2d3748}.stat-value.health-indicator{font-weight:700}.stat-divider{width:1px;height:24px;background:#e2e8f0}.health-details{display:flex;align-items:center;gap:8px}.health-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.health-fill{height:100%;transition:all .3s ease;border-radius:2px}.health-text{font-size:.75rem;color:#718096;white-space:nowrap}.dashboard-table-container::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px;height:8px}.dashboard-table-container::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.dashboard-table-container::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}