@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap";.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}:root{--ds-color-bg-50: #f7f9fb;--ds-color-bg-100: #f3f5f8;--ds-color-surface-0: #ffffff;--ds-color-surface-100: #f8fafc;--ds-color-border-200: #d8e1ea;--ds-color-navy-950: #061522;--ds-color-navy-900: #071b2c;--ds-color-navy-800: #102033;--ds-color-blue-700: #0e4a7b;--ds-color-blue-600: #0055a4;--ds-color-blue-500: #0074d9;--ds-color-gold-700: #9a7a16;--ds-color-gold-500: #c9a227;--ds-color-gold-300: #e8d9a3;--ds-color-text-950: #18181b;--ds-color-text-900: #0f172a;--ds-color-text-700: #334155;--ds-color-text-600: #475569;--ds-color-text-500: #64748b;--ds-color-text-400: #94a3b8;--ds-color-accent-500: #ff7a00;--ds-color-accent-400: #ff9a2f;--ds-color-accent-300: #ffb866;--ds-color-success-500: #16a34a;--ds-color-success-100: #dcfce7;--ds-color-danger-700: #b91c1c;--ds-color-danger-600: #991b1b;--ds-color-danger-100: #fee2e2;--ds-color-warning-500: #d97706;--ds-color-warning-100: #fef3c7;--ds-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-heading: "Manrope", var(--ds-font-body);--ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--ds-type-h1: clamp(3rem, 8vw, 5rem);--ds-type-h2: clamp(2.25rem, 5vw, 3.75rem);--ds-type-h3: clamp(1.5rem, 3vw, 1.875rem);--ds-type-h4: 1.25rem;--ds-type-body-l: 1.125rem;--ds-type-body-m: .875rem;--ds-type-body-s: .75rem;--ds-leading-tight: 1.05;--ds-leading-body: 1.6;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-radius-sm: .375rem;--ds-radius-md: .75rem;--ds-radius-lg: 1rem;--ds-radius-xl: 1.25rem;--ds-radius-2xl: 1.5rem;--ds-radius-pill: 999px;--ds-shadow-soft: 0 8px 24px -12px rgba(7, 27, 44, .04);--ds-shadow-card: 0 20px 40px -16px rgba(14, 74, 123, .12);--ds-shadow-glass: 0 18px 44px -28px color-mix(in srgb, var(--ds-color-navy-900) 34%, transparent);--ds-shadow-gold: 0 12px 30px -14px color-mix(in srgb, var(--ds-color-gold-500) 75%, transparent);--ds-state-on: #10b981;--ds-state-on-strong: #047857;--ds-state-on-ink: #166534;--ds-state-off: #ef4444;--ds-state-off-strong: #b91c1c;--ds-state-off-ink: #991b1b;--ds-state-unknown: #94a3b8;--ds-state-unknown-soft: #cbd5e1;--ds-state-unknown-ink: var(--ds-color-text-500);--ds-level-high: #059669;--ds-level-medium: var(--ds-color-warning-500);--ds-level-low: #dc2626;--ds-role-production-counter: #06b6d4;--ds-role-production-counter-ink: #0b3550;--ds-role-machine-state: var(--ds-state-on);--ds-role-machine-state-ink: #0f5132;--ds-role-oee: #8b5cf6;--ds-role-oee-ink: #2e1065;--ds-role-alarm: var(--ds-state-off);--ds-role-alarm-ink: #7f1d1d;--ds-role-temperature: var(--ds-color-accent-500);--ds-role-temperature-ink: #7c2d12;--ds-role-energy: #eab308;--ds-role-energy-ink: #713f12;--ds-role-pressure: #2563eb;--ds-role-pressure-ink: #1e3a8a;--ds-role-speed: #14b8a6;--ds-role-speed-ink: #134e4a;--ds-role-manual-stop: #f43f5e;--ds-role-manual-stop-ink: #881337;--ds-role-generic: var(--ds-color-text-500);--ds-role-generic-ink: var(--ds-color-text-700);--ds-font-numeric: "Space Grotesk", var(--ds-font-body);--ds-gradient-gold: linear-gradient(144deg, rgb(201, 162, 39), rgb(232, 217, 163) 50%, rgb(201, 162, 39));--ds-gradient-brand: linear-gradient(to right, var(--ds-color-blue-700), var(--ds-color-gold-500));--ds-gradient-dark: linear-gradient(to bottom, rgba(7, 27, 44, .95), rgba(7, 27, 44, .86), rgba(7, 27, 44, 1));--kpi-white: var(--ds-color-surface-0);--kpi-black: var(--ds-color-text-950);--kpi-gray-50: var(--ds-color-bg-50);--kpi-gray-100: var(--ds-color-bg-100);--kpi-gray-200: var(--ds-color-border-200);--kpi-gray-300: color-mix(in srgb, var(--ds-color-border-200) 85%, var(--ds-color-text-400));--kpi-gray-500: var(--ds-color-text-500);--kpi-gray-700: var(--ds-color-text-600);--kpi-blue-900: var(--ds-color-navy-900);--kpi-blue-800: var(--ds-color-navy-800);--kpi-blue-700: var(--ds-color-blue-700);--kpi-blue-600: var(--ds-color-blue-600);--kpi-blue-500: var(--ds-color-blue-500);--kpi-orange-500: var(--ds-color-accent-500);--kpi-orange-400: var(--ds-color-accent-400);--kpi-orange-300: var(--ds-color-accent-300);--aura-bg: var(--ds-color-bg-50);--aura-bg-soft: var(--ds-color-bg-100);--aura-surface: var(--ds-color-surface-0);--aura-surface-muted: var(--ds-color-surface-100);--aura-border: var(--ds-color-border-200);--aura-border-strong: var(--kpi-gray-300);--aura-text: var(--ds-color-text-900);--aura-text-muted: var(--ds-color-text-500);--aura-text-soft: var(--ds-color-text-600);--aura-primary: var(--ds-color-navy-900);--aura-primary-hover: var(--ds-color-blue-700);--aura-primary-cta-start: var(--ds-color-gold-500);--aura-primary-cta-end: var(--ds-color-gold-300);--aura-accent: var(--ds-color-gold-500);--aura-accent-soft: color-mix(in srgb, var(--ds-color-gold-500) 10%, transparent);--aura-success: var(--ds-color-success-500);--aura-success-soft: var(--ds-color-success-100);--aura-danger: var(--ds-color-danger-700);--aura-danger-soft: var(--ds-color-danger-100);--aura-radius-sm: var(--ds-radius-md);--aura-radius-md: var(--ds-radius-lg);--aura-radius-lg: var(--ds-radius-xl);--aura-shadow-sm: var(--ds-shadow-soft);--aura-shadow-md: var(--ds-shadow-card);--aura-shadow-glass: var(--ds-shadow-glass);--aura-font-sans: var(--ds-font-body);--aura-font-mono: var(--ds-font-mono);--duration-fast: .15s;--duration-normal: .22s;--duration-slow: .5s;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(14,74,123,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(201,162,39,.08),transparent 28%),var(--ds-color-bg-50);color:var(--aura-text);font-family:var(--ds-font-body)}h1,h2,h3,h4{font-family:var(--ds-font-heading);color:var(--ds-color-navy-900);letter-spacing:-.02em}h1{font-size:var(--ds-type-h1);line-height:.92}h2{font-size:var(--ds-type-h2);line-height:var(--ds-leading-tight)}h3{font-size:var(--ds-type-h3);line-height:1.2}h4{font-size:var(--ds-type-h4);line-height:1.3}button,input,select,textarea{font-family:var(--ds-font-body)}::selection{background:var(--ds-color-gold-500);color:var(--ds-color-navy-900)}.kpi-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(14,74,123,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(14,74,123,.06) 1px,transparent 1px);background-size:40px 40px}.kpi-glass-panel{background:color-mix(in srgb,var(--ds-color-surface-0) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--ds-color-surface-0) 60%,transparent);box-shadow:var(--aura-shadow-glass)}.kpi-card{border:1px solid var(--ds-color-border-200);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-0);box-shadow:var(--ds-shadow-soft)}.kpi-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-height:42px;border-radius:var(--ds-radius-md);border:1px solid transparent;padding:10px 16px;font:600 14px/1 var(--ds-font-body);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.kpi-button:hover{transform:translateY(-1px)}.kpi-button-primary{color:var(--ds-color-navy-900);background:var(--ds-gradient-gold);box-shadow:var(--ds-shadow-gold)}.kpi-button-secondary{color:var(--ds-color-navy-900);border-color:color-mix(in srgb,var(--ds-color-gold-500) 45%,transparent);background:color-mix(in srgb,var(--ds-color-gold-500) 15%,transparent)}.kpi-input{width:100%;min-height:42px;border-radius:var(--ds-radius-md);border:1px solid color-mix(in srgb,var(--ds-color-navy-900) 18%,transparent);background:color-mix(in srgb,var(--ds-color-surface-0) 88%,transparent);color:var(--ds-color-text-900);padding:10px 12px;font:500 14px/1.35 var(--ds-font-body)}.kpi-input:focus{outline:none;border-color:color-mix(in srgb,var(--ds-color-blue-700) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-color-blue-700) 14%,transparent)}.kpi-reveal-up{animation:kpi-reveal-up .7s cubic-bezier(.16,1,.3,1) both}@keyframes kpi-reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}