@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/report/index.css

@@ -1,1239 +0,0 @@
-/* src/components/ReportShell/ReportShell.css */
-.ds-report-shell {
-  --report-max-width: 1200px;
-  --report-padding: var(--space-8);
-  display: flex;
-  flex-direction: column;
-  min-height: 100%;
-  max-width: var(--report-max-width);
-  margin: 0 auto;
-  padding: var(--report-padding);
-  background: var(--glass-base);
-  color: var(--text-primary);
-}
-.ds-report-shell__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: var(--space-6);
-  padding-bottom: var(--space-6);
-  margin-bottom: var(--space-6);
-  border-bottom: 1px solid var(--glass-border);
-}
-.ds-report-shell__header-content {
-  flex: 1;
-  min-width: 0;
-}
-.ds-report-shell__title {
-  margin: 0;
-  font-size: var(--font-size-3xl);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-tight);
-  color: var(--text-primary);
-}
-.ds-report-shell__subtitle {
-  margin: var(--space-2) 0 0;
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-}
-.ds-report-shell__actions {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  flex-shrink: 0;
-}
-.ds-report-shell__content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-8);
-}
-.ds-report-shell[data-mode=executive] {
-  --report-padding: var(--space-10);
-}
-.ds-report-shell[data-mode=executive] .ds-report-shell__title {
-  font-size: var(--font-size-4xl);
-}
-.ds-report-shell[data-mode=analyst] {
-  --report-max-width: 1400px;
-}
-@media print {
-  .ds-report-shell {
-    max-width: none;
-    padding: 0;
-    background: white;
-  }
-  .ds-report-shell__actions {
-    display: none;
-  }
-}
-
-/* src/components/ExecutiveThesis/ExecutiveThesis.css */
-.ds-executive-thesis {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-8);
-  padding: var(--space-8);
-  background:
-    linear-gradient(
-      135deg,
-      color-mix(in srgb, var(--brand-pink) 10%, var(--glass-base)),
-      color-mix(in srgb, var(--brand-yellow) 5%, var(--glass-base)));
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius-panel);
-  border-left: 4px solid var(--brand-pink);
-}
-.ds-executive-thesis__content {
-  flex: 1;
-  min-width: 0;
-}
-.ds-executive-thesis__title {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  margin: 0 0 var(--space-3);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--text-secondary);
-}
-.ds-executive-thesis__ai-badge {
-  display: inline-flex;
-  align-items: center;
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  text-transform: none;
-  letter-spacing: normal;
-  color: var(--status-info);
-  background: color-mix(in srgb, var(--status-info) 15%, transparent);
-  border-radius: var(--radius-badge);
-}
-.ds-executive-thesis__thesis {
-  margin: 0;
-  font-size: var(--font-size-2xl);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-tight);
-  color: var(--text-primary);
-}
-.ds-executive-thesis__context {
-  margin: var(--space-3) 0 0;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-executive-thesis__metric {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: var(--space-1);
-  padding: var(--space-4) var(--space-6);
-  background: var(--glass-elevated);
-  border-radius: var(--radius-card);
-  flex-shrink: 0;
-}
-.ds-executive-thesis__metric-label {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--text-tertiary);
-}
-.ds-executive-thesis__metric-value {
-  font-size: var(--font-size-3xl);
-  font-weight: var(--font-weight-bold);
-  font-variant-numeric: tabular-nums;
-  color: var(--text-primary);
-}
-.ds-executive-thesis__metric-value--up {
-  color: var(--status-success);
-}
-.ds-executive-thesis__metric-value--down {
-  color: var(--status-error);
-}
-.ds-executive-thesis__metric-value--neutral {
-  color: var(--text-secondary);
-}
-@media (max-width: 768px) {
-  .ds-executive-thesis {
-    flex-direction: column;
-    gap: var(--space-6);
-  }
-  .ds-executive-thesis__metric {
-    align-items: flex-start;
-    width: 100%;
-  }
-}
-
-/* src/components/InsightBlock/InsightBlock.css */
-.ds-insight-block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-6);
-  padding: var(--space-6);
-  background: var(--glass-base);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius-panel);
-  transition: border-color var(--transition-fast);
-}
-.ds-insight-block__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-insight-block__meta {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-}
-.ds-insight-block__type {
-  display: inline-flex;
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  text-transform: capitalize;
-  color: var(--text-secondary);
-  background: var(--glass-elevated);
-  border-radius: var(--radius-badge);
-}
-.ds-insight-block__confidence {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-tertiary);
-}
-.ds-insight-block__headline {
-  margin: 0;
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-tight);
-  color: var(--text-primary);
-}
-.ds-insight-block__description {
-  margin: 0;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-insight-block__evidence {
-  display: grid;
-  gap: var(--space-4);
-}
-.ds-insight-block__methodology {
-  padding-top: var(--space-4);
-  border-top: 1px solid var(--glass-border);
-}
-.ds-insight-block__methodology-title {
-  margin: 0 0 var(--space-2);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--text-tertiary);
-}
-.ds-insight-block__methodology-text {
-  margin: 0;
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-insight-block__methodology-contract {
-  margin: var(--space-2) 0 0;
-  font-size: var(--font-size-xs);
-  font-family: var(--font-mono);
-  color: var(--text-tertiary);
-}
-.ds-insight-block--confidence-high {
-  border-left: 3px solid var(--status-success);
-}
-.ds-insight-block--confidence-moderate {
-  border-left: 3px solid var(--status-info);
-}
-.ds-insight-block--confidence-low {
-  border-left: 3px solid var(--status-warning);
-}
-.ds-insight-block--confidence-insufficient {
-  border-left: 3px solid var(--status-error);
-  opacity: 0.8;
-}
-.ds-insight-block[data-insight-type=performance-delta] .ds-insight-block__type {
-  background: color-mix(in srgb, var(--status-success) 15%, transparent);
-  color: var(--status-success);
-}
-.ds-insight-block[data-insight-type=funnel-leakage] .ds-insight-block__type {
-  background: color-mix(in srgb, var(--status-warning) 15%, transparent);
-  color: var(--status-warning);
-}
-.ds-insight-block[data-insight-type=psychological-resonance] .ds-insight-block__type {
-  background: color-mix(in srgb, var(--brand-pink) 15%, transparent);
-  color: var(--brand-pink);
-}
-.ds-insight-block[data-insight-type=anomaly-detection] .ds-insight-block__type {
-  background: color-mix(in srgb, var(--status-error) 15%, transparent);
-  color: var(--status-error);
-}
-
-/* src/components/EvidenceGroup/EvidenceGroup.css */
-.ds-evidence-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-4);
-}
-.ds-evidence-group__title {
-  margin: 0;
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-}
-.ds-evidence-group__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-4);
-}
-.ds-evidence-group--row .ds-evidence-group__content {
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.ds-evidence-group--row .ds-evidence-group__content > * {
-  flex: 1;
-  min-width: 280px;
-}
-.ds-evidence-group--grid .ds-evidence-group__content {
-  display: grid;
-  grid-template-columns: repeat(var(--evidence-cols, 2), 1fr);
-}
-.ds-evidence-group--cols-1 {
-  --evidence-cols: 1;
-}
-.ds-evidence-group--cols-2 {
-  --evidence-cols: 2;
-}
-.ds-evidence-group--cols-3 {
-  --evidence-cols: 3;
-}
-@media (max-width: 768px) {
-  .ds-evidence-group--row .ds-evidence-group__content,
-  .ds-evidence-group--grid .ds-evidence-group__content {
-    grid-template-columns: 1fr;
-    flex-direction: column;
-  }
-}
-
-/* src/components/ConfidenceIndicator/ConfidenceIndicator.css */
-.ds-confidence-indicator {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-}
-.ds-confidence-indicator__bar {
-  height: 4px;
-  background: var(--glass-elevated);
-  border-radius: 2px;
-  overflow: hidden;
-}
-.ds-confidence-indicator__fill {
-  height: 100%;
-  border-radius: 2px;
-  transition: width var(--transition-base);
-}
-.ds-confidence-indicator__text {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-}
-.ds-confidence-indicator__score {
-  font-weight: var(--font-weight-semibold);
-  font-variant-numeric: tabular-nums;
-}
-.ds-confidence-indicator__label {
-  color: var(--text-secondary);
-}
-.ds-confidence-indicator--sm {
-  max-width: 120px;
-}
-.ds-confidence-indicator--sm .ds-confidence-indicator__bar {
-  height: 3px;
-}
-.ds-confidence-indicator--sm .ds-confidence-indicator__score,
-.ds-confidence-indicator--sm .ds-confidence-indicator__label {
-  font-size: var(--font-size-xs);
-}
-.ds-confidence-indicator--md {
-  max-width: 180px;
-}
-.ds-confidence-indicator--md .ds-confidence-indicator__score,
-.ds-confidence-indicator--md .ds-confidence-indicator__label {
-  font-size: var(--font-size-sm);
-}
-.ds-confidence-indicator--lg {
-  max-width: 240px;
-}
-.ds-confidence-indicator--lg .ds-confidence-indicator__bar {
-  height: 6px;
-}
-.ds-confidence-indicator--lg .ds-confidence-indicator__score,
-.ds-confidence-indicator--lg .ds-confidence-indicator__label {
-  font-size: var(--font-size-base);
-}
-.ds-confidence-indicator--high .ds-confidence-indicator__fill {
-  background: var(--status-success);
-}
-.ds-confidence-indicator--high .ds-confidence-indicator__score {
-  color: var(--status-success);
-}
-.ds-confidence-indicator--moderate .ds-confidence-indicator__fill {
-  background: var(--status-info);
-}
-.ds-confidence-indicator--moderate .ds-confidence-indicator__score {
-  color: var(--status-info);
-}
-.ds-confidence-indicator--low .ds-confidence-indicator__fill {
-  background: var(--status-warning);
-}
-.ds-confidence-indicator--low .ds-confidence-indicator__score {
-  color: var(--status-warning);
-}
-.ds-confidence-indicator--insufficient .ds-confidence-indicator__fill {
-  background: var(--status-error);
-}
-.ds-confidence-indicator--insufficient .ds-confidence-indicator__score {
-  color: var(--status-error);
-}
-
-/* src/components/DataCoverageBadge/DataCoverageBadge.css */
-.ds-data-coverage-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-3);
-  padding: var(--space-2) var(--space-3);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  background: var(--glass-elevated);
-  border-radius: var(--radius-badge);
-}
-.ds-data-coverage-badge__sample,
-.ds-data-coverage-badge__date {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-1);
-}
-.ds-data-coverage-badge__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-tertiary);
-}
-.ds-data-coverage-badge__count {
-  font-weight: var(--font-weight-medium);
-  font-variant-numeric: tabular-nums;
-  color: var(--text-primary);
-}
-.ds-data-coverage-badge__required {
-  font-size: var(--font-size-xs);
-  color: var(--text-tertiary);
-}
-.ds-data-coverage-badge__sample + .ds-data-coverage-badge__date::before {
-  content: "";
-  display: block;
-  width: 1px;
-  height: 12px;
-  margin-right: var(--space-3);
-  background: var(--glass-border);
-}
-.ds-data-coverage-badge--sm {
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-xs);
-}
-.ds-data-coverage-badge--sm .ds-data-coverage-badge__icon svg {
-  width: 12px;
-  height: 12px;
-}
-.ds-data-coverage-badge--insufficient {
-  background: color-mix(in srgb, var(--status-warning) 15%, var(--glass-elevated));
-}
-.ds-data-coverage-badge--insufficient .ds-data-coverage-badge__count {
-  color: var(--status-warning);
-}
-
-/* src/components/DataStateIndicator/DataStateIndicator.css */
-.ds-data-state-indicator {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-2);
-  padding: var(--space-2) var(--space-3);
-  font-size: var(--font-size-sm);
-  background: var(--glass-elevated);
-  border-radius: var(--radius-badge);
-}
-.ds-data-state-indicator__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.ds-data-state-indicator__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-0);
-}
-.ds-data-state-indicator__label {
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-}
-.ds-data-state-indicator__details {
-  font-size: var(--font-size-xs);
-  color: var(--text-secondary);
-}
-.ds-data-state-indicator__action {
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-  background: var(--glass-base);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius-badge);
-  cursor: pointer;
-  transition: background var(--transition-fast);
-}
-.ds-data-state-indicator__action:hover {
-  background: var(--glass-hover);
-}
-.ds-data-state-indicator--full {
-  padding: var(--space-3) var(--space-4);
-}
-.ds-data-state-indicator--full .ds-data-state-indicator__content {
-  gap: var(--space-1);
-}
-.ds-data-state-indicator--valid {
-  background: color-mix(in srgb, var(--status-success) 10%, var(--glass-elevated));
-}
-.ds-data-state-indicator--insufficient-sample,
-.ds-data-state-indicator--low-confidence,
-.ds-data-state-indicator--data-skew-detected,
-.ds-data-state-indicator--stale-data,
-.ds-data-state-indicator--partial-time-window {
-  background: color-mix(in srgb, var(--status-warning) 10%, var(--glass-elevated));
-}
-.ds-data-state-indicator--field-missing,
-.ds-data-state-indicator--calculation-error,
-.ds-data-state-indicator--conflicting-signals {
-  background: color-mix(in srgb, var(--status-error) 10%, var(--glass-elevated));
-}
-.ds-data-state-indicator--inferred-not-observed {
-  background: color-mix(in srgb, var(--status-info) 10%, var(--glass-elevated));
-}
-
-/* src/components/MethodologyNote/MethodologyNote.css */
-.ds-methodology-note {
-  padding: var(--space-4);
-  font-size: var(--font-size-sm);
-  background: var(--glass-elevated);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius-card);
-}
-.ds-methodology-note__header {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  margin-bottom: var(--space-3);
-}
-.ds-methodology-note__icon {
-  color: var(--text-tertiary);
-}
-.ds-methodology-note__title {
-  font-weight: var(--font-weight-semibold);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  color: var(--text-secondary);
-}
-.ds-methodology-note__content {
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-methodology-note__content p {
-  margin: 0;
-}
-.ds-methodology-note__content p + p {
-  margin-top: var(--space-2);
-}
-.ds-methodology-note__details {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: var(--space-1) var(--space-4);
-  margin: var(--space-3) 0 0;
-  padding-top: var(--space-3);
-  border-top: 1px solid var(--glass-border);
-  font-size: var(--font-size-xs);
-}
-.ds-methodology-note__details dt {
-  font-weight: var(--font-weight-medium);
-  color: var(--text-tertiary);
-}
-.ds-methodology-note__details dd {
-  margin: 0;
-  color: var(--text-secondary);
-  font-variant-numeric: tabular-nums;
-}
-
-/* src/components/CaveatBlock/CaveatBlock.css */
-.ds-caveat-block {
-  padding: var(--space-4);
-  border-radius: var(--radius-card);
-  border-left: 3px solid;
-}
-.ds-caveat-block__header {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  margin-bottom: var(--space-2);
-}
-.ds-caveat-block__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.ds-caveat-block__title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-}
-.ds-caveat-block__confidence {
-  margin-left: auto;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  padding: var(--space-1) var(--space-2);
-  background: color-mix(in srgb, currentColor 10%, transparent);
-  border-radius: var(--radius-badge);
-}
-.ds-caveat-block__content {
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-caveat-block__content p {
-  margin: 0;
-}
-.ds-caveat-block__content p + p {
-  margin-top: var(--space-2);
-}
-.ds-caveat-block--info {
-  background: color-mix(in srgb, var(--status-info) 10%, var(--glass-base));
-  border-color: var(--status-info);
-}
-.ds-caveat-block--info .ds-caveat-block__icon,
-.ds-caveat-block--info .ds-caveat-block__title {
-  color: var(--status-info);
-}
-.ds-caveat-block--warning {
-  background: color-mix(in srgb, var(--status-warning) 10%, var(--glass-base));
-  border-color: var(--status-warning);
-}
-.ds-caveat-block--warning .ds-caveat-block__icon,
-.ds-caveat-block--warning .ds-caveat-block__title {
-  color: var(--status-warning);
-}
-.ds-caveat-block--critical {
-  background: color-mix(in srgb, var(--status-error) 10%, var(--glass-base));
-  border-color: var(--status-error);
-}
-.ds-caveat-block--critical .ds-caveat-block__icon,
-.ds-caveat-block--critical .ds-caveat-block__title {
-  color: var(--status-error);
-}
-
-/* src/components/KeyMetric/KeyMetric.css */
-.ds-key-metric {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  padding: var(--space-5);
-  background: var(--glass-base);
-  border: 1px solid var(--glass-border);
-  border-radius: var(--radius-card);
-  text-align: left;
-  transition: all var(--transition-fast);
-}
-button.ds-key-metric {
-  font-family: inherit;
-  cursor: pointer;
-}
-.ds-key-metric__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-2);
-}
-.ds-key-metric__title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-.ds-key-metric__confidence {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-tertiary);
-}
-.ds-key-metric__value-row {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-3);
-  flex-wrap: wrap;
-}
-.ds-key-metric__value {
-  font-size: var(--font-size-3xl);
-  font-weight: var(--font-weight-bold);
-  font-variant-numeric: tabular-nums;
-  line-height: 1;
-  color: var(--text-primary);
-}
-.ds-key-metric__prefix,
-.ds-key-metric__suffix {
-  font-size: var(--font-size-suffix);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-}
-.ds-key-metric__trend {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-1);
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  border-radius: var(--radius-badge);
-}
-.ds-key-metric__trend--up {
-  color: var(--status-success);
-  background: color-mix(in srgb, var(--status-success) 15%, transparent);
-}
-.ds-key-metric__trend--down {
-  color: var(--status-error);
-  background: color-mix(in srgb, var(--status-error) 15%, transparent);
-}
-.ds-key-metric__trend--neutral {
-  color: var(--text-secondary);
-  background: var(--glass-elevated);
-}
-.ds-key-metric__trend-icon {
-  font-weight: var(--font-weight-bold);
-}
-.ds-key-metric__trend-value {
-  font-variant-numeric: tabular-nums;
-}
-.ds-key-metric__trend-label {
-  font-size: var(--font-size-xs);
-  color: inherit;
-  opacity: 0.8;
-}
-.ds-key-metric__secondary {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  font-size: var(--font-size-sm);
-}
-.ds-key-metric__secondary-label {
-  color: var(--text-tertiary);
-}
-.ds-key-metric__secondary-value {
-  font-weight: var(--font-weight-medium);
-  font-variant-numeric: tabular-nums;
-  color: var(--text-secondary);
-}
-.ds-key-metric__sample {
-  font-size: var(--font-size-xs);
-  font-variant-numeric: tabular-nums;
-  color: var(--text-tertiary);
-}
-.ds-key-metric--sm {
-  padding: var(--space-3);
-}
-.ds-key-metric--sm .ds-key-metric__value {
-  font-size: var(--font-size-2xl);
-}
-.ds-key-metric--lg {
-  padding: var(--space-6);
-}
-.ds-key-metric--lg .ds-key-metric__value {
-  font-size: var(--font-size-4xl);
-}
-.ds-key-metric--clickable:hover {
-  background: var(--glass-hover);
-  border-color: var(--glass-border-hover);
-}
-.ds-key-metric--clickable:focus-visible {
-  outline: 2px solid var(--brand-pink);
-  outline-offset: 2px;
-}
-.ds-key-metric--loading {
-  opacity: 0.6;
-  pointer-events: none;
-}
-.ds-key-metric--invalid {
-  border-left: 3px solid var(--status-warning);
-  opacity: 0.8;
-}
-
-/* src/components/TrendIndicator/TrendIndicator.css */
-.ds-trend-indicator {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-1);
-  font-weight: var(--font-weight-medium);
-  font-variant-numeric: tabular-nums;
-}
-.ds-trend-indicator__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.ds-trend-indicator__value {
-  white-space: nowrap;
-}
-.ds-trend-indicator--sm {
-  font-size: var(--font-size-xs);
-}
-.ds-trend-indicator--sm .ds-trend-indicator__icon svg {
-  width: 10px;
-  height: 10px;
-}
-.ds-trend-indicator--md {
-  font-size: var(--font-size-sm);
-}
-.ds-trend-indicator--lg {
-  font-size: var(--font-size-base);
-}
-.ds-trend-indicator--lg .ds-trend-indicator__icon svg {
-  width: 14px;
-  height: 14px;
-}
-.ds-trend-indicator--neutral {
-  color: var(--text-secondary);
-}
-.ds-trend-indicator--good {
-  color: var(--status-success);
-}
-.ds-trend-indicator--bad {
-  color: var(--status-error);
-}
-.ds-trend-indicator--up:not(.ds-trend-indicator--good):not(.ds-trend-indicator--bad) {
-  color: var(--status-info);
-}
-.ds-trend-indicator--down:not(.ds-trend-indicator--good):not(.ds-trend-indicator--bad) {
-  color: var(--status-warning);
-}
-
-/* src/components/Select/Select.css */
-.ds-select__trigger {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-2);
-  width: 100%;
-  padding: var(--space-2) var(--space-3);
-  border: none;
-  border-radius: var(--radius-button);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-primary);
-  cursor: pointer;
-  outline: none;
-  box-sizing: border-box;
-  background: var(--glass-base-active);
-  backdrop-filter: blur(20px) saturate(140%);
-  -webkit-backdrop-filter: blur(20px) saturate(140%);
-  box-shadow: var(--shadow-md), var(--shadow-inset-border-subtle);
-  transition:
-    background var(--transition-glass),
-    box-shadow var(--transition-glass),
-    color var(--transition-fast);
-}
-.ds-select__trigger[data-placeholder] {
-  color: var(--text-tertiary);
-}
-.ds-select__trigger:hover:not(:disabled) {
-  background: var(--glass-base-hover);
-}
-.ds-select__trigger-wrapper:hover:not(:has(:disabled)):not(:has([data-popup-open]))::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-hover-bottom) 100%);
-}
-.ds-select__trigger:focus-visible {
-  background: var(--glass-base-hover);
-  box-shadow:
-    var(--shadow-md),
-    var(--glass-shadow-inner),
-    0 0 0 2px rgba(var(--accent-rgb), 0.2);
-}
-.ds-select__trigger[data-popup-open] {
-  background: var(--glass-base-hover);
-  box-shadow:
-    var(--shadow-lg),
-    var(--glass-shadow-inner),
-    0 0 0 2px rgba(var(--accent-rgb), 0.3);
-}
-.ds-select__trigger:focus:not(:focus-visible):not([data-popup-open]) {
-  box-shadow: var(--shadow-md), var(--shadow-inset-border-subtle);
-}
-.ds-select__trigger-wrapper:has(:focus-visible)::before {
-  background:
-    linear-gradient(
-      180deg,
-      rgba(var(--accent-rgb), 0.25) 0%,
-      rgba(var(--accent-rgb), 0.05) 100%);
-}
-.ds-select__trigger-wrapper:has([data-popup-open])::before {
-  background:
-    linear-gradient(
-      180deg,
-      rgba(var(--accent-rgb), 0.4) 0%,
-      rgba(var(--accent-rgb), 0.1) 100%);
-}
-.ds-select__trigger:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-.ds-select__trigger-wrapper {
-  position: relative;
-  width: 100%;
-}
-.ds-select__trigger-wrapper::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: var(--radius-button);
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-  z-index: 1;
-  transition: background var(--transition-glass);
-}
-.ds-select__trigger--sm {
-  padding: var(--space-1) var(--space-2);
-  font-size: var(--font-size-xs);
-}
-.ds-select__trigger--lg {
-  padding: var(--space-3) var(--space-4);
-  font-size: var(--font-size-base);
-}
-.ds-select__value {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: left;
-}
-.ds-select__icon {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  color: var(--text-tertiary);
-  transition: transform var(--transition-base);
-}
-.ds-select__trigger[data-popup-open] .ds-select__icon {
-  transform: rotate(180deg);
-  color: var(--text-secondary);
-}
-.ds-select__content {
-  min-width: var(--anchor-width, 180px);
-  max-height: 300px;
-  overflow-y: auto;
-  padding: var(--space-1);
-  border-radius: var(--radius-button);
-  outline: none;
-  background: var(--glass-base-active);
-  backdrop-filter: var(--glass-backdrop-heavy);
-  -webkit-backdrop-filter: var(--glass-backdrop-heavy);
-  border: 1px solid var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-elevated);
-  transform-origin: var(--transform-origin);
-  z-index: var(--z-dropdown);
-}
-.ds-select__content[data-open] {
-  animation: ds-select-scale-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-select__content[data-closed] {
-  animation: ds-select-scale-out 150ms ease-in forwards;
-}
-.ds-select__content[data-starting-style] {
-  opacity: 0;
-  transform: scale(0.96) translateY(-4px);
-}
-.ds-select__content[data-ending-style] {
-  opacity: 0;
-  transform: scale(0.96) translateY(-4px);
-}
-@keyframes ds-select-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96) translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-@keyframes ds-select-scale-out {
-  from {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.96) translateY(-4px);
-  }
-}
-.ds-select__list {
-  display: flex;
-  flex-direction: column;
-}
-.ds-select__item {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  border-radius: calc(var(--radius-button) - 4px);
-  cursor: pointer;
-  outline: none;
-  user-select: none;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-select__item[data-highlighted] {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-select__item[data-selected] {
-  color: rgba(var(--accent-rgb), 1);
-}
-.ds-select__item[data-selected][data-highlighted] {
-  background: var(--glass-base-hover);
-  color: rgba(var(--accent-rgb), 1);
-}
-.ds-select__item[data-disabled] {
-  opacity: 0.4;
-  cursor: not-allowed;
-  color: var(--text-disabled);
-}
-.ds-select__item-indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  color: rgba(var(--accent-rgb), 1);
-}
-.ds-select__item:not([data-selected]) .ds-select__item-indicator {
-  visibility: hidden;
-}
-.ds-select__group {
-  padding: var(--space-1) 0;
-}
-.ds-select__group-label {
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-.ds-select__separator {
-  height: 1px;
-  background: var(--rim-light-bottom);
-  margin: var(--space-1) 0;
-}
-.ds-select__content::-webkit-scrollbar {
-  width: 6px;
-}
-.ds-select__content::-webkit-scrollbar-track {
-  background: transparent;
-}
-.ds-select__content::-webkit-scrollbar-thumb {
-  background: var(--rim-light-bottom);
-  border-radius: 9999px;
-}
-.ds-select__content::-webkit-scrollbar-thumb:hover {
-  background: var(--surface-alpha-3);
-}
-@media (prefers-contrast: more) {
-  .ds-select__trigger {
-    background: var(--hc-surface-input);
-    border: 1px solid var(--hc-border);
-    box-shadow: none;
-    backdrop-filter: none;
-  }
-  .ds-select__trigger-wrapper::before {
-    display: none;
-  }
-  .ds-select__trigger:focus-visible,
-  .ds-select__trigger[data-popup-open] {
-    border-color: rgba(var(--accent-rgb), 1);
-    box-shadow: none;
-  }
-  .ds-select__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-    backdrop-filter: none;
-  }
-  .ds-select__item[data-highlighted] {
-    background: var(--hc-highlight);
-    color: var(--hc-text);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-select__content[data-open] {
-    animation: none;
-  }
-  .ds-select__content[data-closed] {
-    animation: none;
-  }
-  .ds-select__icon {
-    transition: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-select__trigger {
-    background: var(--fallback-surface);
-  }
-  .ds-select__content {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/DropdownMenu/DropdownMenu.css */
-.ds-dropdown-menu__trigger {
-  all: unset;
-  display: inline-flex;
-}
-.ds-dropdown-menu__content {
-  min-width: 220px;
-  padding: var(--space-1);
-  background: var(--glass-base-active);
-  backdrop-filter: var(--glass-backdrop-heavy);
-  -webkit-backdrop-filter: var(--glass-backdrop-heavy);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-elevated);
-  outline: none;
-  transform-origin: var(--transform-origin);
-  animation: ds-dropdown-scale-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
-  z-index: var(--z-dropdown);
-}
-@keyframes ds-dropdown-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-.ds-dropdown-menu__item {
-  display: flex;
-  align-items: center;
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  border-radius: calc(var(--radius-button) - 4px);
-  cursor: pointer;
-  outline: none;
-  user-select: none;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-dropdown-menu__item[data-highlighted] {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-dropdown-menu__item[data-disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-  color: var(--text-disabled);
-}
-.ds-dropdown-menu__separator {
-  height: 1px;
-  background: var(--rim-light-bottom);
-  margin: var(--space-1) 0;
-}
-.ds-dropdown-menu__label {
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-
-/* src/components/ExportMenu/ExportMenu.css */
-.ds-export-menu__trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-2);
-}
-.ds-export-menu__loading-icon {
-  animation: ds-export-spin 1s linear infinite;
-}
-@keyframes ds-export-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.ds-dropdown-menu__item {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--spacing-3);
-}
-.ds-export-menu__item-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  margin-top: var(--space-0-5);
-  color: var(--text-tertiary);
-}
-.ds-dropdown-menu__item:hover .ds-export-menu__item-icon,
-.ds-dropdown-menu__item[data-highlighted] .ds-export-menu__item-icon {
-  color: var(--brand-pink);
-}
-.ds-export-menu__item-content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-0-5);
-}
-.ds-export-menu__item-label {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-}
-.ds-export-menu__item-description {
-  font-size: var(--font-size-xs);
-  color: var(--text-tertiary);
-}
-.ds-export-menu__trigger + .ds-dropdown-menu__content {
-  min-width: 240px;
-}
-/*# sourceMappingURL=index.css.map */