:root{--color-primary:#004963;--color-secondary:#abcf37;--color-accent:#46c5e6;--color-light:#f0f4f8;--color-text:#2c3e50;--color-white:#fff;--color-border:#ddd}.ab-test-dashboard{background-color:var(--color-white);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dashboard-container{margin:0 auto;max-width:1400px;padding:30px}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:var(--color-primary);font-size:32px;font-weight:700;margin:0 0 10px}.dashboard-header .subtitle{color:#666;font-size:14px;margin:0}.metrics-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.metric-card{background-color:var(--color-light);border-left:4px solid var(--color-accent);border-radius:8px;box-sizing:border-box;flex:1;min-width:200px;padding:20px}.metric-label{color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{color:var(--color-primary);font-size:28px;font-weight:700}.tabs-container{border-bottom:2px solid var(--color-light);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-button{background-color:transparent;border:none;border-radius:6px 6px 0 0;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background-color:rgba(70,197,230,.1)}.tab-button.active{background-color:var(--color-accent);color:var(--color-white);font-weight:600}.tab-content-wrapper{background-color:var(--color-light);border-radius:12px;margin-bottom:40px;padding:30px}.tab-content{display:none}.tab-content.active{display:block}.tab-content h2{color:var(--color-primary);font-size:24px;margin-bottom:20px;margin-top:0}.tab-content h3{color:var(--color-primary);font-size:14px;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.charts-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.chart-container{background-color:var(--color-white);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px}.chart-container canvas{max-height:300px}.heatmap-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.heatmap-controls label{color:var(--color-primary);font-weight:600}.metric-btn{background-color:var(--color-white);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 15px;transition:all .3s ease}.metric-btn:hover{background-color:var(--color-light)}.metric-btn.active{background-color:var(--color-primary);color:var(--color-white)}.heatmap-table-wrapper{background-color:var(--color-white);border-radius:8px;margin-top:20px;overflow-x:auto;padding:15px}.heatmap-table{border-collapse:collapse;width:100%}.heatmap-table thead tr{border-bottom:2px solid var(--color-primary)}.heatmap-table th{color:var(--color-primary);font-size:12px;font-weight:600;padding:12px;text-align:center}.heatmap-table th:first-child{text-align:left}.heatmap-table td{border-right:1px solid var(--color-border);font-size:12px;padding:12px;text-align:center}.heatmap-table td:first-child{border-right:1px solid var(--color-border);color:var(--color-primary);font-weight:600;text-align:left}.heatmap-cell{border-radius:4px;color:var(--color-white);cursor:pointer;font-weight:600;transition:all .2s ease}.heatmap-cell:hover{opacity:.8}.heatmap-legend{color:#666;font-size:12px;margin-bottom:0;margin-top:20px}.heatmap-legend strong{color:var(--color-primary)}.components-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.component-section{background-color:var(--color-white);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px}.component-section h3{margin-top:0!important}.component-section canvas{max-height:280px}.performers-table{background-color:var(--color-white);border-collapse:collapse;margin-top:20px;width:100%}.performers-table thead tr{background-color:var(--color-primary);color:var(--color-white)}.performers-table th{font-size:12px;font-weight:600;padding:12px;text-align:right}.performers-table th:first-child{text-align:left}.performers-table td{border-bottom:1px solid var(--color-border);font-size:13px;padding:12px;text-align:right}.performers-table td:first-child{color:var(--color-primary);font-weight:500;text-align:left}.performers-table tbody tr:nth-child(2n){background-color:var(--color-light)}.performers-table tbody tr:nth-child(odd){background-color:var(--color-white)}.revenue-value{color:var(--color-accent);font-weight:600}.dashboard-footer{background-color:var(--color-primary);border-radius:8px;color:var(--color-white);font-size:12px;padding:20px;text-align:center}.dashboard-footer p{margin:0}@media (max-width:768px){.dashboard-container{padding:20px}.dashboard-header h1{font-size:24px}.metrics-grid{gap:15px;grid-template-columns:1fr}.metric-card{min-width:100%}.charts-grid{gap:20px}.charts-grid,.components-grid{grid-template-columns:1fr}.tabs-container{border-bottom:none;flex-direction:column;gap:0}.tab-button{border-radius:4px;text-align:left;width:100%}.tab-content-wrapper{padding:20px}.heatmap-table-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch}.performers-table{font-size:12px}.performers-table td,.performers-table th{padding:8px}}@media print{.tabs-container{display:none}.dashboard-footer{background-color:var(--color-primary)}}