html{--sc-tone-sky-bg: #dbeafe;--sc-tone-sky-fg: #1d4ed8;--sc-tone-emerald-bg: #d1fae5;--sc-tone-emerald-fg: #047857;--sc-tone-amber-bg: #fef3c7;--sc-tone-amber-fg: #92400e;--sc-tone-red-bg: #fee2e2;--sc-tone-red-fg: #b91c1c}[theme~="dark"]{--sc-tone-sky-bg: #1e3a5f;--sc-tone-sky-fg: #93c5fd;--sc-tone-emerald-bg: #064e3b;--sc-tone-emerald-fg: #6ee7b7;--sc-tone-amber-bg: #451a03;--sc-tone-amber-fg: #fcd34d;--sc-tone-red-bg: #450a0a;--sc-tone-red-fg: #fca5a5}.sc-view{max-width: 1200px;margin: 0 auto}.sc-label-upper{text-transform: uppercase;letter-spacing: 0.05em}.sc-text-muted{opacity: 0.7}.sc-text-inverted-muted{opacity: 0.6}.sc-flex-fill{flex: 1}.sc-constrained-text{max-width: 500px}.sc-grid-bottom{display: grid;grid-template-columns: 1.2fr 0.8fr;gap: var(--lumo-space-l)}.sc-grid-form{display: grid;grid-template-columns: 0.92fr 1.08fr;gap: var(--lumo-space-l)}.sc-grid-upload{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: var(--lumo-space-l)}.sc-panel--inverted{--vaadin-card-background: var(--lumo-primary-color);--vaadin-card-border-width: 0;color: var(--lumo-base-color)}.sc-metric-icon-box{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.sc-metric-icon-box--colored{background: rgba(255,255,255,0.15)}.sc-login__card{max-width: 420px;width: 100%;padding: var(--lumo-space-xl);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-m);text-align: center}.sc-login__logo{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color);color: var(--lumo-base-color);font-size: var(--lumo-font-size-l);font-weight: 700;margin-bottom: var(--lumo-space-m)}.sc-login__button{display: inline-flex;align-items: center;justify-content: center;width: 100%;padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);font-weight: 500;font-size: var(--lumo-font-size-m);text-decoration: none;cursor: pointer}.sc-highlight{padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);margin-bottom: var(--lumo-space-s)}.sc-latest-card{margin-top: var(--lumo-space-m);padding: var(--lumo-space-m);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.sc-card-bordered{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.sc-quality-poor{border-left: 4px solid var(--lumo-error-color);background: var(--lumo-error-color-10pct);border-radius: var(--lumo-border-radius-m)}.sc-quality-warning{border-left: 4px solid var(--lumo-warning-color);background: var(--lumo-warning-color-10pct);border-radius: var(--lumo-border-radius-m)}.sc-chart-container--tall{width: 100%;height: 450px}.sc-dataset-select{max-width: 220px;min-width: 140px}.sc-skeleton--metric{height: 120px}.sc-skeleton--chart{height: 350px}.sc-widget-empty{height: 120px}.sc-constrained-text--narrow{max-width: 400px}.sc-success-card{padding: var(--lumo-space-l);border-radius: var(--lumo-border-radius-l);background: var(--lumo-success-color);color: var(--lumo-success-contrast-color)}.sc-info-card--inverted{padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: color-mix(in srgb,currentColor 5%,transparent);border: 1px solid color-mix(in srgb,currentColor 10%,transparent)}.sc-info-card--wide{grid-column: 1 / -1}.sc-empty-state{border: 2px dashed var(--lumo-contrast-10pct)}.sc-skeleton{background: linear-gradient(90deg,var(--lumo-contrast-5pct) 25%,var(--lumo-contrast-10pct) 50%,var(--lumo-contrast-5pct) 75%);background-size: 200% 100%;animation: sc-shimmer 1.5s ease-in-out infinite;border-radius: var(--lumo-border-radius-m)}@keyframes sc-shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}.sc-chat-sidebar{width: 280px;flex-shrink: 0;transition: transform 0.25s ease;overflow-y: auto}.sc-chat-sidebar-toggle{display: none !important}.sc-chat-sidebar__header{font-size: var(--lumo-font-size-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--lumo-secondary-text-color);padding: var(--lumo-space-s) 0 var(--lumo-space-xs) 0}.sc-chat-session-btn{text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.sc-chat-session-btn .sc-chat-session-date{font-size: var(--lumo-font-size-xxs);color: var(--lumo-tertiary-text-color);display: block;margin-top: 2px}.sc-chat-welcome{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: var(--lumo-space-xl);gap: var(--lumo-space-s);flex: 1}.sc-chat-welcome__icon{width: 56px;height: 56px;border-radius: 50%;background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-color);display: flex;align-items: center;justify-content: center}.sc-chat-welcome__icon vaadin-icon{width: 28px;height: 28px}.sc-chat-welcome__title{font-size: var(--lumo-font-size-xl);font-weight: 600;margin: var(--lumo-space-s) 0 0 0;color: var(--lumo-header-text-color)}.sc-chat-welcome__desc{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);max-width: 420px;margin: 0;line-height: 1.5}.sc-chat-suggestions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--lumo-space-s);margin-top: var(--lumo-space-m);max-width: 560px}.sc-chat-suggestion{font-size: var(--lumo-font-size-s);padding: var(--lumo-space-xs) var(--lumo-space-m);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);background: var(--lumo-contrast-5pct);color: var(--lumo-body-text-color);cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease}.sc-chat-suggestion:hover{background: var(--lumo-primary-color-10pct);border-color: var(--lumo-primary-color-50pct);color: var(--lumo-primary-text-color)}.sc-form-field{min-width: 140px;flex: 1 1 200px}.sc-chart-container{width: 100%;height: 400px}.sc-widget-chart{width: 100%;height: 300px}.sc-widget-chart--tall{height: 350px}.sc-widget-chart--short{height: 250px}.sc-cols-4{grid-template-columns: repeat(4,1fr)}.sc-cols-3{grid-template-columns: repeat(3,1fr)}.sc-cols-2{grid-template-columns: repeat(2,1fr)}@media (max-width: 1024px){.sc-cols-4{grid-template-columns: repeat(2,1fr)}.sc-cols-3{grid-template-columns: repeat(2,1fr)}}@media (max-width: 768px){.sc-grid-bottom,.sc-grid-form,.sc-grid-upload{grid-template-columns: 1fr}.sc-cols-4,.sc-cols-3{grid-template-columns: 1fr}.sc-cols-2{grid-template-columns: 1fr}.sc-chart-container,.sc-chart-container--tall{height: 250px}.sc-chat-sidebar{display: none;position: absolute;top: 0;left: 0;bottom: 0;z-index: 100;width: 280px;background: var(--lumo-base-color);box-shadow: var(--lumo-box-shadow-l)}.sc-chat-sidebar--open{display: flex !important}.sc-chat-sidebar-toggle{display: inline-flex !important}.sc-form-field{min-width: 0;flex: 1 1 100%}.sc-widget-chart,.sc-widget-chart--tall{height: 220px}.sc-widget-chart--short{height: 180px}}