.metrics-page{padding:var(--space-8) 0}.stats-bar{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-5)}.stat-item{text-align:center}.stat-number{color:var(--color-primary-light);display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.stat-label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-top:var(--space-1);text-transform:uppercase}.filters-section{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.search-container{margin-bottom:var(--space-5);position:relative}.search-icon{font-size:20px;left:16px;line-height:1;opacity:.5;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:24px;z-index:1}.search-input{background:#0f172a;border:2px solid #475569;border-radius:var(--radius-lg);box-sizing:border-box;color:#fff;font-size:var(--text-base);padding:16px 48px 16px 56px!important;transition:all var(--transition-base);width:100%}.search-input:focus{background:#1e293b;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a64d;outline:none}.search-input::placeholder{color:#94a3b8;opacity:1}.search-clear{background:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);height:24px;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px}.search-clear:hover{background:var(--color-error);color:#fff}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4)}.filter-group{flex:1 1;min-width:150px}.filter-label{color:#e2e8f0;display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);text-transform:uppercase}.filter-select{background:#0f172a;border:2px solid #475569;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);padding:var(--space-3);transition:all var(--transition-base);width:100%}.filter-select:focus{background:#1e293b;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a64d;outline:none}.filter-select option{background:#1e293b;color:#fff}.filter-buttons{display:flex;gap:var(--space-2)}.filter-btn{background:#1e293b;border:2px solid #475569;border-radius:var(--radius-md);color:#e2e8f0;cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-3);transition:all var(--transition-base);white-space:nowrap}.filter-btn:hover{background:#334155;border-color:#14b8a6;color:#14b8a6}.filter-btn.active{background:#14b8a6;border-color:#14b8a6;color:#fff}.view-toggle{display:flex;flex:0 1;gap:var(--space-1);min-width:auto}.view-btn{background:#1e293b;border:2px solid #475569;color:#e2e8f0;cursor:pointer;font-size:var(--text-lg);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.view-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.view-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;margin-left:-2px}.view-btn:hover{background:#334155;border-color:#14b8a6}.view-btn.active{background:#14b8a6;border-color:#14b8a6;color:#fff}.filter-status{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4)}.results-count{color:var(--color-text-secondary);font-size:var(--text-sm)}.results-count strong{color:var(--color-primary-light);font-family:var(--font-mono)}.clear-filters-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.clear-filters-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.metrics-container{grid-gap:var(--space-5);display:grid;gap:var(--space-5)}.metrics-container.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.metrics-container.list{grid-template-columns:1fr}.metric-card-link{color:inherit;display:block;text-decoration:none}.metric-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--space-5);position:relative;transition:all var(--transition-base)}.metric-card:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:4px}.metric-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.metric-card:hover:before{opacity:1}.metric-card.list{align-items:center;flex-direction:row;gap:var(--space-6);padding:var(--space-4) var(--space-6)}.metric-card.list .metric-card-header{align-items:flex-start;border-bottom:none;flex:0 0 250px;flex-direction:column;margin-bottom:0;padding-bottom:0}.metric-card.list .metric-card-value{flex:0 0 120px;margin-bottom:0}.metric-card.list .metric-card-meta{flex:1 1;flex-direction:row;gap:var(--space-4)}.metric-card.list .metric-card-action{flex:0 0 auto;margin-top:0}.metric-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.metric-card-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:0}.metric-card-value{margin-bottom:var(--space-3)}.metric-card-value .value{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold)}.metric-card-value .unit{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-left:var(--space-1)}.metric-card-meta{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.meta-item{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.meta-icon{opacity:.7}.metric-card-percentiles{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3)}.percentile-track{background:var(--color-surface);border-radius:var(--radius-full);height:8px;overflow:visible;position:relative}.percentile-markers{bottom:0;left:0;position:absolute;right:0;top:0}.percentile-marker{background:var(--color-primary);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full);height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.percentile-marker:nth-child(3){background:var(--color-secondary);height:14px;width:14px}.percentile-labels{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-2)}.metric-card-definition{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.metric-card-action{border-top:1px solid var(--color-border);color:var(--color-primary-light);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:auto;opacity:0;padding-top:var(--space-3);transition:opacity var(--transition-base)}.metric-card:hover .metric-card-action{opacity:1}.metric-card.list .metric-card-action{border-top:none;opacity:1;padding-top:0}@media (max-width:768px){.stats-bar{flex-wrap:wrap;gap:var(--space-4)}.stat-item{flex:1 1 40%}.filter-controls{flex-direction:column}.filter-buttons,.filter-group{width:100%}.filter-btn{flex:1 1;justify-content:center}.view-toggle{justify-content:center;width:100%}.metrics-container.grid{grid-template-columns:1fr}.metric-card.list{align-items:stretch;flex-direction:column}.metric-card.list .metric-card-header,.metric-card.list .metric-card-meta,.metric-card.list .metric-card-value{flex:none}.metric-card.list .metric-card-meta{flex-direction:column}}@media (max-width:480px){.metrics-page{padding:var(--space-4) 0}.filters-section{padding:var(--space-4)}.search-input{font-size:var(--text-sm);padding:12px 40px 12px 44px}.search-icon{font-size:18px;left:12px}.stat-number{font-size:var(--text-xl)}}
/*# sourceMappingURL=5736.7c6951f1.chunk.css.map*/