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{width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box}.sc-app-header{gap: var(--lumo-space-s)}.sc-app-header__title,.sc-app-header__dataset,.sc-page-intro__content,.sc-chat{min-width: 0}.sc-app-header__dataset .sc-dataset-select{width: 100%}.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-page-intro__meta,.sc-page-intro__actions,.sc-inline-group{display: flex;flex-wrap: wrap;gap: var(--lumo-space-s)}.sc-page-intro__meta,.sc-inline-group{align-items: center}.sc-page-intro__actions{justify-content: flex-end}.sc-grid-shell{width: 100%;max-width: 100%;min-width: 0;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch}.sc-grid-shell>vaadin-grid{min-width: 640px}.sc-grid-shell--compact>vaadin-grid{min-width: 560px}.sc-grid-shell--wide>vaadin-grid{min-width: 820px}.sc-grid-bottom{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);gap: var(--lumo-space-l)}.sc-grid-form{display: grid;grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr);gap: var(--lumo-space-l)}.sc-grid-upload{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);gap: var(--lumo-space-l)}.sc-grid-bottom>*,.sc-grid-form>*,.sc-grid-upload>*{min-width: 0}.sc-page-intro{width: 100%;min-width: 0;box-sizing: border-box}.sc-page-intro__layout{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--lumo-space-l);width: 100%;min-width: 0}.sc-page-intro__actions{flex: 0 0 auto}.sc-upload-wizard,.sc-upload-wizard>*{min-width: 0;max-width: 100%}.sc-tab-label-short{display: none}.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;min-width: 220px;max-width: 320px;flex: 0 0 280px;transition: transform 0.25s ease;overflow-y: auto;overflow-x: hidden}.sc-chat{position: relative;min-height: 0;min-width: 0;overflow: hidden}.sc-chat-main{min-width: 0;overflow: hidden}.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;overflow: hidden;min-width: 0}.sc-chat-session-btn__content{display: block;width: 100%;min-width: 0;overflow: hidden}.sc-chat-session-btn__content>span{display: block;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.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-mermaid-chart{display: block;width: 100%;max-width: 100%;min-width: 0;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch}.sc-mermaid-chart pre{max-width: 100%;overflow-x: auto;box-sizing: border-box}.sc-mermaid-chart svg{max-width: 100%;height: auto}.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,minmax(0,1fr))}.sc-cols-3{grid-template-columns: repeat(3,minmax(0,1fr))}.sc-cols-2{grid-template-columns: repeat(2,minmax(0,1fr))}.sc-cols-4>*,.sc-cols-3>*,.sc-cols-2>*{min-width: 0}.sc-grid-item{min-width: 0}.sc-span-2{grid-column: span 2}.sc-span-3{grid-column: span 3}.sc-span-4{grid-column: span 4}@media (max-width: 1024px){.sc-cols-4{grid-template-columns: repeat(2,minmax(0,1fr))}.sc-cols-3{grid-template-columns: repeat(2,minmax(0,1fr))}.sc-cols-4>.sc-span-3,.sc-cols-4>.sc-span-4,.sc-cols-3>.sc-span-3,.sc-cols-3>.sc-span-4{grid-column: 1 / -1}.sc-form-field{min-width: 0;flex: 1 1 100%}}@media (max-width: 768px){.sc-view{max-width: 100%;margin: 0}.sc-app-header{flex-wrap: wrap;height: auto !important;padding-top: var(--lumo-space-s);padding-bottom: var(--lumo-space-s)}.sc-app-header__title{flex: 1 1 auto}.sc-app-header__dataset{order: 10;flex: 1 1 100%;width: 100%}.sc-dataset-select{max-width: none;min-width: 0}.sc-grid-bottom,.sc-grid-form,.sc-grid-upload{grid-template-columns: minmax(0,1fr)}.sc-cols-4,.sc-cols-3{grid-template-columns: minmax(0,1fr)}.sc-cols-2{grid-template-columns: minmax(0,1fr)}.sc-cols-4>*,.sc-cols-3>*,.sc-cols-2>*{grid-column: 1 / -1 !important;min-width: 0}.sc-grid-shell>vaadin-grid{min-width: max(100%,520px)}.sc-grid-shell--compact>vaadin-grid{min-width: max(100%,460px)}.sc-grid-shell--wide>vaadin-grid{min-width: max(100%,620px)}.sc-chart-container,.sc-chart-container--tall{height: auto;aspect-ratio: 16 / 10;min-height: 220px}.sc-chat-sidebar{display: none;position: absolute;top: 0;left: 0;bottom: 0;z-index: 100;width: min(280px,85vw);min-width: min(280px,85vw);max-width: min(280px,85vw);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;align-self: flex-start}.sc-form-field{min-width: 0;flex: 1 1 100%}.sc-inline-group,.sc-page-intro__actions{width: 100%}.sc-page-intro__layout{flex-direction: column;gap: var(--lumo-space-m)}.sc-inline-group>*,.sc-page-intro__actions>*{flex: 1 1 100%;min-width: 0}.sc-page-intro__meta{width: 100%}.sc-upload-wizard vaadin-tab{min-width: 0;flex: 1 1 0}.sc-upload-wizard vaadin-tab::part(content){min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sc-tab-label-full{display: none}.sc-tab-label-short{display: inline}.sc-widget-chart,.sc-widget-chart--tall,.sc-widget-chart--short{height: auto;aspect-ratio: 16 / 10;min-height: 180px}}@media (max-width: 480px){.sc-grid-shell>vaadin-grid{min-width: max(100%,460px)}.sc-grid-shell--compact>vaadin-grid{min-width: max(100%,420px)}.sc-grid-shell--wide>vaadin-grid{min-width: max(100%,560px)}}