:root{--background: #f4f6f8;--surface: #ffffff;--surface-muted: #f7f9fa;--surface-hover: #eef2f4;--text-primary: #1c2b36;--text-secondary: #5b6b78;--text-tertiary: #8a99a6;--text-inverse: #ffffff;--border: #e2e8ec;--border-strong: #cfd8de;--bling-green: #00a650;--bling-green-hover: #009148;--bling-green-soft: #e6f6ed;--bling-green-border: #b8e3ca;--success: #0f9d58;--success-soft: #e6f6ed;--warning: #c77700;--warning-soft: #fdf3e3;--danger: #d1434b;--danger-soft: #fdeced;--info: #2b6cb0;--info-soft: #e8f1fa;--neutral: #8a99a6;--neutral-soft: #eef2f4;--chart-1: #00a650;--chart-2: #2b6cb0;--chart-3: #c77700;--chart-4: #7b5ea7;--chart-5: #0f9d9d;--chart-grid: #edf1f4;--chart-axis: #8a99a6;--class-normal: #00a650;--class-high: #2b6cb0;--class-low: #c77700;--class-rejected: #d1434b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(28, 43, 54, .04);--shadow-md: 0 1px 3px rgba(28, 43, 54, .06), 0 1px 2px rgba(28, 43, 54, .04);--shadow-focus: 0 0 0 3px rgba(0, 166, 80, .22);--transition-fast: .12s ease;--transition-base: .2s ease;--max-width: 1560px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}h1,h2,h3,h4,p,figure{margin:0}button{font:inherit;color:inherit;cursor:pointer}select,input{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--bling-green);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card__body{min-width:0}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__hint{font-size:var(--font-size-sm);color:var(--text-tertiary)}.card__body{padding:var(--space-5)}.card__body--flush{padding:var(--space-4) var(--space-3) var(--space-2)}.status-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--neutral)}.status-dot--success{background-color:var(--success)}.status-dot--warning{background-color:var(--warning)}.status-dot--danger{background-color:var(--danger)}.status-dot--info{background-color:var(--info)}.status-dot--neutral{background-color:var(--neutral)}.status-dot--pulse{animation:status-pulse 2.4s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.45}}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;background-color:var(--neutral-soft);color:var(--text-secondary)}.badge--success{background-color:var(--success-soft);color:var(--success)}.badge--warning{background-color:var(--warning-soft);color:var(--warning)}.badge--danger{background-color:var(--danger-soft);color:var(--danger)}.badge--info{background-color:var(--info-soft);color:var(--info)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.button:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-strong)}.button:disabled{opacity:.55;cursor:not-allowed}.button__spinner{width:12px;height:12px;border:2px solid var(--border-strong);border-top-color:var(--bling-green);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:inline-flex;padding:2px;background-color:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md)}.segmented__option{padding:0 var(--space-3);height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.segmented__option:hover:not([aria-pressed=true]){color:var(--text-primary)}.segmented__option[aria-pressed=true]{background-color:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.select{position:relative;display:inline-flex;align-items:center}.select__input{appearance:none;height:32px;min-width:160px;max-width:220px;padding:0 var(--space-6) 0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);text-overflow:ellipsis;transition:border-color var(--transition-fast)}.select__input:hover:not(:disabled){border-color:var(--text-tertiary)}.select__input:disabled{background-color:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed}.select__chevron{position:absolute;right:var(--space-3);pointer-events:none;color:var(--text-tertiary)}.select__label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.date-input{height:32px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-size:var(--font-size-base)}.progress{width:100%;height:5px;border-radius:var(--radius-full);background-color:var(--neutral-soft);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);background-color:var(--bling-green);transition:width var(--transition-base)}.progress__fill--warning{background-color:var(--warning)}.progress__fill--critical{background-color:var(--danger)}.progress__fill--neutral{background-color:var(--neutral)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-hover) 37%,var(--surface-muted) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.state__description{max-width:34ch;font-size:var(--font-size-base);color:var(--text-secondary)}.state__action{margin-top:var(--space-2)}.state__icon{color:var(--text-tertiary)}.chart-tooltip{min-width:168px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow-md);font-size:var(--font-size-base)}.chart-tooltip__title{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-tooltip__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:1px 0;color:var(--text-secondary)}.chart-tooltip__row--strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.chart-tooltip__label{display:flex;align-items:center;gap:var(--space-2)}.chart-tooltip__swatch{width:8px;height:8px;border-radius:2px;flex:none}.chart-tooltip__value{font-variant-numeric:tabular-nums}.app{min-height:100%;padding:var(--space-5) var(--space-6) var(--space-10)}.app__inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header__titles{display:flex;flex-direction:column;gap:2px}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.page-header__subtitle{font-size:var(--font-size-md);color:var(--text-secondary)}.page-header__meta{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-1)}.connection{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-secondary)}.updated{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-tertiary)}.filters{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filters__group{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.filters__field{display:flex;flex-direction:column}.filters__custom{display:flex;align-items:center;gap:var(--space-2)}.filters__separator{color:var(--text-tertiary);font-size:var(--font-size-base)}.filters__warning{flex-basis:100%;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--warning)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.section__hint{font-size:var(--font-size-base);color:var(--text-tertiary)}.kpi-grid>*,.overview-grid>*,.machines-grid>*,.quality-grid>*,.summary-stack>*{min-width:0}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.overview-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr);gap:var(--space-3);align-items:start}.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-3);align-items:start}.summary-stack{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1240px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.app{padding:var(--space-4) var(--space-4) var(--space-8)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machines-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:560px){.app{padding:var(--space-3) var(--space-3) var(--space-8)}.kpi-grid,.machines-grid,.quality-grid{grid-template-columns:minmax(0,1fr)}.filters{align-items:stretch}.filters__group{width:100%}.select__input{min-width:0;max-width:none;width:100%}.filters__field{flex:1 1 140px}}.kpi{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:108px}.kpi__label{font-size:var(--font-size-base);color:var(--text-secondary)}.kpi__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.kpi__unit{margin-left:var(--space-1);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.kpi__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;font-size:var(--font-size-sm);color:var(--text-tertiary)}.kpi__delta{font-weight:var(--font-weight-medium)}.kpi__delta--positive{color:var(--success)}.kpi__delta--critical{color:var(--danger)}.kpi__delta--warning{color:var(--warning)}.kpi__delta--neutral{color:var(--text-secondary)}.kpi__meter{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}.animated-number{transition:color var(--transition-base)}.animated-number--bumped{animation:number-bump var(--transition-base) ease}@keyframes number-bump{0%{color:var(--bling-green)}to{color:inherit}}.insights{display:flex;flex-direction:column;gap:var(--space-2)}.insight{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.45}.insight__dot{margin-top:6px}.insight__text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-base)}.summary-row+.summary-row{border-top:1px solid var(--border)}.summary-row__label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.summary-row__value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.weight-compare{display:flex;flex-direction:column;gap:var(--space-3)}.weight-compare__scale{position:relative;height:6px;border-radius:var(--radius-full);background-color:var(--neutral-soft)}.weight-compare__target{position:absolute;top:-4px;width:2px;height:14px;background-color:var(--text-tertiary);border-radius:1px;transform:translate(-1px)}.weight-compare__actual{position:absolute;top:-2px;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--bling-green);border:2px solid var(--surface);transform:translate(-5px);transition:left var(--transition-base)}.weight-compare__legend{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.machine-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.machine-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.machine-card--stopped{background-color:var(--surface-muted)}.machine-card--no-data{background-color:var(--surface-muted);opacity:.85}.machine-card--selected{border-color:var(--bling-green);box-shadow:var(--shadow-focus)}.machine-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.machine-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.machine-card__status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.machine-card__status--running{color:var(--success)}.machine-card__status--stopped{color:var(--danger)}.machine-card__status--no-data{color:var(--text-tertiary)}.machine-card__product{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-secondary);min-height:20px}.machine-card__product--empty{color:var(--text-tertiary);font-style:italic}.machine-card__idle{font-size:var(--font-size-base);color:var(--danger);font-weight:var(--font-weight-medium)}.machine-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3)}.machine-metric{display:flex;flex-direction:column;gap:1px;min-width:0}.machine-metric__label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.machine-metric__value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-metric__value--warning{color:var(--warning)}.machine-metric__value--critical{color:var(--danger)}.machine-metric__value--muted{color:var(--text-tertiary)}.machine-uptime{display:flex;flex-direction:column;gap:var(--space-2)}.machine-uptime__head{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary)}.machine-uptime__value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.timeline{display:flex;flex-direction:column;gap:var(--space-1)}.timeline__track{position:relative;display:flex;height:14px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--neutral-soft)}.timeline__segment{position:absolute;top:0;bottom:0;border:none;padding:0;min-width:1px;transition:filter var(--transition-fast)}.timeline__segment:hover,.timeline__segment:focus-visible{filter:brightness(.92);z-index:1}.timeline__segment--running{background-color:var(--bling-green)}.timeline__segment--stopped{background-color:var(--neutral-soft)}.timeline__segment--no-data{background-image:repeating-linear-gradient(45deg,var(--neutral-soft),var(--neutral-soft) 3px,var(--surface-hover) 3px,var(--surface-hover) 6px)}.timeline__scale{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.timeline__tooltip{position:absolute;bottom:calc(100% + 6px);z-index:20;transform:translate(-50%);pointer-events:none}.timeline__wrapper{position:relative}.chart-frame{width:100%;min-width:0;overflow:hidden}.recharts-cartesian-axis-tick-value{font-size:var(--font-size-sm);fill:var(--chart-axis)}.recharts-surface:focus{outline:none}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:0 var(--space-2) var(--space-2)}.chart-legend__item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-legend__swatch{width:8px;height:8px;border-radius:2px;flex:none}.ranking{display:flex;flex-direction:column;gap:var(--space-1)}.ranking__row{display:grid;grid-template-columns:minmax(64px,92px) minmax(0,1fr) minmax(56px,auto);align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.ranking__row:hover{background-color:var(--surface-muted)}.ranking__row--selected{background-color:var(--bling-green-soft);border-color:var(--bling-green-border)}.ranking__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking__bar{height:12px;border-radius:var(--radius-sm);background-color:var(--neutral-soft);overflow:hidden}.ranking__fill{height:100%;border-radius:var(--radius-sm);background-color:var(--bling-green);transition:width var(--transition-base)}.ranking__fill--idle{background-color:var(--border-strong)}.ranking__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.classification{display:flex;flex-direction:column;gap:var(--space-4)}.classification__stack{display:flex;height:12px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--neutral-soft)}.classification__slice{height:100%;transition:width var(--transition-base)}.classification__slice--normal{background-color:var(--class-normal)}.classification__slice--high{background-color:var(--class-high)}.classification__slice--low{background-color:var(--class-low)}.classification__slice--rejected{background-color:var(--class-rejected)}.classification__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.classification__item{display:flex;flex-direction:column;gap:1px}.classification__item-head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.classification__item-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.classification__item-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}