@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:var(--font-inter);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-jetbrains-mono);--radius-pill:var(--radius-pill)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:var(--font-inter)}}@layer components{@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-3{top:calc(var(--spacing) * 3)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.left-0{left:0}.z-50{z-index:50}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.\!size-7{width:calc(var(--spacing) * 7)!important;height:calc(var(--spacing) * 7)!important}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-full{height:100%}.h-px{height:1px}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.shimmer{--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.shimmer:is(.dark *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.animate-pulse{animation:var(--animate-pulse)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-pill)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-l-\[var\(--radius-xl\)\]{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-\[var\(--radius-xl\)\]{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/40{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-\[color-mix\(in_srgb\,black_45\%\,transparent\)\]{background-color:#00000073}.bg-\[var\(--color-surface-raised\)\]{background-color:var(--color-surface-raised)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/5{background-color:color-mix(in oklab, var(--destructive) 5%, transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-3{padding:calc(var(--spacing) * 3)}.p-10{padding:calc(var(--spacing) * 10)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.text-center{text-align:center}.font-mono{font-family:var(--font-jetbrains-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-\[var\(--c-shadow-modal\)\]{--tw-shadow:var(--c-shadow-modal);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[ending-style\]\:-translate-x-full[data-ending-style]{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[ending-style\]\:translate-x-full[data-ending-style]{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[starting-style\]\:-translate-x-full[data-starting-style]{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[starting-style\]\:translate-x-full[data-starting-style]{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (min-width:48rem){.md\:hidden{display:none}}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (hover:hover){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--poc-graphite-50:#f4f5f7;--poc-graphite-100:#e9ebef;--poc-graphite-200:#d7dae0;--poc-graphite-300:#b7bcc6;--poc-graphite-400:#8c919b;--poc-graphite-500:#878c98;--poc-graphite-600:#6b707a;--poc-graphite-700:#4b505c;--poc-graphite-800:#2c303a;--poc-graphite-900:#1c1f26;--poc-graphite-950:#14161b;--poc-steel-teal-50:#e9f6f7;--poc-steel-teal-100:#d3edef;--poc-steel-teal-200:#a9dce0;--poc-steel-teal-300:#7cc6cc;--poc-steel-teal-400:#4fadb6;--poc-steel-teal-500:#3fc1cc;--poc-steel-teal-600:#63d2db;--poc-steel-teal-700:#0e7c86;--poc-steel-teal-800:#0b646c;--poc-steel-teal-900:#084850;--poc-steel-teal-950:#052e33;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--c-space-1:4px;--c-space-2:8px;--c-space-3:12px;--c-space-4:16px;--c-space-5:20px;--c-space-6:24px;--c-space-8:32px;--c-space-10:40px;--c-space-12:48px;--c-z-dropdown:999;--c-z-modal:9999;--c-z-toast:99999;--bp-tablet:768px;--bp-desktop:1280px;--c-size-header-h:64px;--c-size-sidebar-expanded:240px;--c-size-sidebar-collapsed:64px;--c-size-pin-btn:28px;--c-font-family-sans:"Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--c-font-family-mono:ui-monospace, "Cascadia Code", "SF Mono", "Segoe UI Mono", monospace;--c-font-page-title-family:var(--c-font-family-sans);--c-font-page-title-size:24px;--c-font-page-title-weight:600;--c-font-page-title-lh:1.3;--c-font-section-header-family:var(--c-font-family-sans);--c-font-section-header-size:16px;--c-font-section-header-weight:600;--c-font-section-header-lh:1.4;--c-font-body-family:var(--c-font-family-sans);--c-font-body-size:14px;--c-font-body-weight:400;--c-font-body-lh:1.5;--c-font-label-family:var(--c-font-family-sans);--c-font-label-size:12px;--c-font-label-weight:500;--c-font-label-lh:1.4;--c-font-label-transform:uppercase;--c-font-label-letter-spacing:.02em;--c-font-caption-family:var(--c-font-family-sans);--c-font-caption-size:12px;--c-font-caption-weight:400;--c-font-caption-lh:1.4;--c-font-table-cell-family:var(--c-font-family-sans);--c-font-table-cell-size:13px;--c-font-table-cell-weight:400;--c-font-table-cell-lh:1.4;--c-font-kpi-value-family:var(--c-font-family-mono);--c-font-kpi-value-size:28px;--c-font-kpi-value-weight:600;--c-font-kpi-value-lh:1.3;--c-font-data-value-family:var(--c-font-family-mono);--c-font-data-value-size:14px;--c-font-data-value-weight:500;--c-font-data-value-lh:1.4;--c-shadow-0:none;--c-shadow-1:0 1px 2px #1012160f, 0 1px 1px #1012160a;--c-shadow-2:0 4px 10px #1012161a, 0 2px 4px #1012160f;--c-shadow-modal:0 12px 32px #1012163d, 0 4px 12px #1012161f}.dark{--c-shadow-0:none;--c-shadow-1:0 1px 2px #0000000f, 0 1px 1px #0000000a;--c-shadow-2:0 4px 10px #0000001a, 0 2px 4px #0000000f;--c-shadow-modal:0 12px 32px #0000003d, 0 4px 12px #0000001f}:root{--dur-easing-standard:cubic-bezier(.2, 0, 0, 1);--dur-standard:.16s;--dur-easing-exit:cubic-bezier(.4, 0, 1, 1);--dur-exit:.12s;--dur-toast-in:.18s;--dur-toast-out:.14s;--dur-live-pulse:1.6s;--c-surface-base:var(--poc-graphite-50);--c-surface-raised:#fff;--c-surface-sunken:var(--poc-graphite-100);--c-border-subtle:var(--poc-graphite-200);--c-border-strong:var(--poc-graphite-300);--c-text-primary:#181b22;--c-text-secondary:var(--poc-graphite-700);--c-text-muted:#666a73;--c-accent-primary:var(--poc-steel-teal-700);--c-accent-primary-hover:var(--poc-steel-teal-800);--c-state-success:#1b874b;--c-state-info:#3568b8;--c-state-warning:#a26a17;--c-state-error:#c23a2e;--c-state-neutral:#717782;--c-state-success-tint:var(--c-state-success)}@supports (color:color-mix(in lab, red, red)){:root{--c-state-success-tint:color-mix(in srgb, var(--c-state-success) 8%, var(--c-surface-raised))}}:root{--c-state-info-tint:var(--c-state-info)}@supports (color:color-mix(in lab, red, red)){:root{--c-state-info-tint:color-mix(in srgb, var(--c-state-info) 8%, var(--c-surface-raised))}}:root{--c-state-warning-tint:var(--c-state-warning)}@supports (color:color-mix(in lab, red, red)){:root{--c-state-warning-tint:color-mix(in srgb, var(--c-state-warning) 8%, var(--c-surface-raised))}}:root{--c-state-error-tint:var(--c-state-error)}@supports (color:color-mix(in lab, red, red)){:root{--c-state-error-tint:color-mix(in srgb, var(--c-state-error) 8%, var(--c-surface-raised))}}.dark{--c-surface-base:var(--poc-graphite-950);--c-surface-raised:var(--poc-graphite-900);--c-surface-sunken:#22252d;--c-border-subtle:var(--poc-graphite-800);--c-border-strong:#3e4350;--c-text-primary:#edeff3;--c-text-secondary:#b5bac5;--c-text-muted:var(--poc-graphite-500);--c-accent-primary:var(--poc-steel-teal-500);--c-accent-primary-hover:var(--poc-steel-teal-600);--c-state-success:#3fbe7b;--c-state-info:#6e9ee8;--c-state-warning:#e0a23e;--c-state-error:#e5645a;--c-state-neutral:#818690;--c-state-success-tint:var(--c-state-success)}@supports (color:color-mix(in lab, red, red)){.dark{--c-state-success-tint:color-mix(in srgb, var(--c-state-success) 12%, var(--c-surface-raised))}}.dark{--c-state-info-tint:var(--c-state-info)}@supports (color:color-mix(in lab, red, red)){.dark{--c-state-info-tint:color-mix(in srgb, var(--c-state-info) 12%, var(--c-surface-raised))}}.dark{--c-state-warning-tint:var(--c-state-warning)}@supports (color:color-mix(in lab, red, red)){.dark{--c-state-warning-tint:color-mix(in srgb, var(--c-state-warning) 12%, var(--c-surface-raised))}}.dark{--c-state-error-tint:var(--c-state-error)}@supports (color:color-mix(in lab, red, red)){.dark{--c-state-error-tint:color-mix(in srgb, var(--c-state-error) 12%, var(--c-surface-raised))}}:root{--color-surface-base:var(--c-surface-base);--color-surface-raised:var(--c-surface-raised);--color-surface-sunken:var(--c-surface-sunken);--color-border-subtle:var(--c-border-subtle);--color-border-strong:var(--c-border-strong);--color-text-primary:var(--c-text-primary);--color-text-secondary:var(--c-text-secondary);--color-text-muted:var(--c-text-muted);--color-accent-primary:var(--c-accent-primary);--color-accent-primary-hover:var(--c-accent-primary-hover);--color-state-success:var(--c-state-success);--color-state-info:var(--c-state-info);--color-state-warning:var(--c-state-warning);--color-state-error:var(--c-state-error);--color-state-neutral:var(--c-state-neutral);--color-state-success-tint:var(--c-state-success-tint);--color-state-info-tint:var(--c-state-info-tint);--color-state-warning-tint:var(--c-state-warning-tint);--color-state-error-tint:var(--c-state-error-tint)}.app-shell{height:100vh;display:flex;overflow:hidden}.app-sidebar{background:var(--color-surface-raised);border-right:1px solid var(--color-border-subtle);width:var(--c-size-sidebar-collapsed,64px);border-radius:0 var(--radius-xl) var(--radius-xl) 0;height:100%;transition:width var(--dur-standard) var(--dur-easing-standard);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.app-sidebar[data-expanded=true]{width:var(--c-size-sidebar-expanded,240px)}.app-sidebar__brand{align-items:center;gap:var(--c-space-2);padding:var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;display:flex;overflow:hidden}.app-sidebar__brand svg{width:24px;height:24px;color:var(--color-accent-primary);flex-shrink:0}.app-sidebar__brand-label{opacity:0;transition:opacity var(--dur-fast);font-weight:700}.app-sidebar[data-expanded=true] .app-sidebar__brand-label{opacity:1}.app-sidebar__nav{flex:1;overflow-y:auto}.nav-item{align-items:center;gap:var(--c-space-3);padding:var(--c-space-3) var(--c-space-4);color:var(--color-text-secondary);white-space:nowrap;border-radius:var(--radius-md);margin:0 var(--c-space-2);font:inherit;cursor:pointer;width:calc(100% - var(--c-space-4));text-align:left;background:0 0;border:none;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--color-surface-sunken)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item__label{opacity:0;transition:opacity var(--dur-fast)}.app-sidebar[data-expanded=true] .nav-item__label{opacity:1}.nav-item--active{color:var(--color-accent-primary);background:var(--color-state-info-tint)}.nav-item--active:before{content:"";left:calc(-1 * var(--c-space-2));top:var(--c-space-1);bottom:var(--c-space-1);border-radius:var(--radius-pill);background:var(--color-accent-primary);width:3px;position:absolute}.app-sidebar[data-expanded=false] .nav-item{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:0;width:44px;height:44px;margin:0 auto;padding:0;overflow:visible}.app-sidebar[data-expanded=false] .nav-item__label,.app-sidebar[data-expanded=false] .nav-item--active:before{display:none}.app-sidebar__foot{border-top:1px solid var(--color-border-subtle);padding-bottom:var(--c-space-8)}.app-sidebar__pin{width:var(--c-size-pin-btn);height:var(--c-size-pin-btn);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);box-shadow:var(--c-shadow-2);cursor:pointer;color:var(--color-text-secondary);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.app-sidebar__pin:hover{color:var(--color-accent-primary)}.app-sidebar__pin svg{width:14px;height:14px;transition:transform var(--dur-standard)}.app-sidebar[data-expanded=false] .app-sidebar__pin svg{transform:rotate(180deg)}.app-sidebar--sheet{border-right:none;border-radius:0;width:100%;height:100%}.app-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.app-header{justify-content:space-between;align-items:center;gap:var(--c-space-4);height:var(--c-size-header-h,64px);margin:var(--c-space-4) var(--c-space-4) 0;flex-shrink:0;display:flex}@media (max-width:767px){.app-header{margin:var(--c-space-2) var(--c-space-2) 0}}.app-header__cluster{align-items:center;gap:var(--c-space-3);display:flex}.app-header__cluster--breadcrumb{flex:1;min-width:0}.app-header__cluster--breadcrumb .breadcrumb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-controls{align-items:center;gap:var(--c-space-2);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);height:100%;box-shadow:var(--c-shadow-2);padding:0 var(--c-space-2) 0 var(--c-space-4);flex-shrink:0;display:flex}.header-controls__divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:22px}@media (max-width:767px){.header-controls{padding:0 var(--c-space-1) 0 var(--c-space-3)}}.header-search{align-items:center;gap:var(--c-space-2);display:flex;position:relative}.header-search svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.header-search input{font:inherit;font-size:var(--c-font-body-size);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:200px}.header-search input::placeholder{color:var(--color-text-muted)}@media (max-width:767px){.header-search input{width:96px}}.header-search__panel{top:calc(100% + 12px);left:calc(-1 * var(--c-space-4));background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:280px;max-width:80vw;box-shadow:var(--c-shadow-2);z-index:30;position:absolute;overflow:hidden}.header-search__item{padding:var(--c-space-2) var(--c-space-3);color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:flex}.header-search__item:hover,.header-search__item--active{background:var(--color-surface-sunken)}.header-search__item-name{font-weight:600;font-family:var(--c-font-family-mono);font-size:var(--c-font-caption-size)}.header-search__item-meta{color:var(--color-text-muted);font-size:11px}.header-search__empty{padding:var(--c-space-4);text-align:center;color:var(--color-text-muted);font-size:var(--c-font-caption-size)}.icon-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--color-surface-sunken)}.icon-btn svg{width:20px;height:20px}.breadcrumb{font-weight:600;font-family:var(--c-font-family-mono);letter-spacing:-.01em}.notif-wrap{position:relative}.badge-count{border-radius:var(--radius-pill);background:var(--color-state-error);color:#fff;text-align:center;pointer-events:none;min-width:16px;height:16px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:2px;right:2px}.notif-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:320px;box-shadow:var(--c-shadow-2);z-index:30;position:absolute;top:calc(100% + 8px);right:0}.notif-panel[hidden]{display:none}.notif-panel__head{padding:var(--c-space-3) var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-weight:600;font-size:var(--c-font-caption-size);justify-content:space-between;align-items:center;display:flex}.notif-panel__head button{color:var(--color-accent-primary);font:inherit;font-weight:600;font-size:var(--c-font-caption-size);cursor:pointer;background:0 0;border:none;padding:0}.notif-item{gap:var(--c-space-2);padding:var(--c-space-3) var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--c-font-caption-size);color:inherit;cursor:pointer;text-decoration:none;display:flex}.notif-item:hover{background:var(--color-surface-sunken)}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:var(--color-accent-primary)}@supports (color:color-mix(in lab, red, red)){.notif-item--unread{background:color-mix(in srgb, var(--color-accent-primary) 6%, transparent)}}.notif-dot{background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notif-empty{padding:var(--c-space-6);text-align:center;color:var(--color-text-muted);font-size:var(--c-font-caption-size)}.app-content{padding:var(--c-space-6);gap:var(--c-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-title{font-size:var(--c-font-section-header-size);letter-spacing:-.01em;margin:0}@media (max-width:767px){.app-shell>.app-sidebar{display:none}.app-header__mobile-only{display:inline-flex!important}}.app-header__mobile-only{display:none}.btn{justify-content:center;align-items:center;gap:var(--c-space-2);border-radius:var(--radius-pill);font-family:var(--c-font-family-sans);font-weight:600;font-size:var(--c-font-body-size);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-standard) var(--dur-easing-standard), box-shadow var(--dur-standard) var(--dur-easing-standard), transform var(--dur-standard) var(--dur-easing-standard);border:1px solid #0000;display:inline-flex;position:relative}.btn--md{padding:var(--c-space-3) var(--c-space-6)}.btn--sm{padding:var(--c-space-2) var(--c-space-4);font-size:var(--c-font-caption-size)}.btn--primary{background:var(--color-accent-primary);color:var(--color-surface-raised);border-color:var(--color-accent-primary);box-shadow:var(--c-shadow-1)}.btn--primary:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);box-shadow:var(--c-shadow-2)}.btn--primary:active{transform:scale(.97)}.btn--outline{color:var(--color-accent-primary);border-color:var(--color-border-strong);background:0 0}.btn--outline:hover{background:var(--color-surface-sunken);border-color:var(--color-accent-primary)}.btn--outline:active{transform:scale(.97)}.btn--danger{color:var(--color-state-error);border-color:var(--color-state-error);background:0 0}.btn--danger:hover{background:var(--color-state-error-tint)}.btn--danger:active{transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-primary);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.is-loading{cursor:progress;pointer-events:none}.btn.is-loading .btn__label{visibility:hidden}.btn__spinner{border:2px solid;width:14px;height:14px;position:absolute}@supports (color:color-mix(in lab, red, red)){.btn__spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent)}}.btn__spinner{animation:btn-spin var(--dur-slow) linear infinite;border-top-color:currentColor;border-radius:50%}.btn__label{align-items:center;gap:var(--c-space-2);display:inline-flex}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{align-items:center;gap:var(--c-space-2);padding:var(--c-space-1) var(--c-space-3);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:inline-flex}.badge svg{flex-shrink:0;width:14px;height:14px}.badge--running{background:var(--color-state-success)}@supports (color:color-mix(in lab, red, red)){.badge--running{background:color-mix(in srgb, var(--color-state-success) 16%, transparent)}}.badge--running{color:var(--color-state-success)}.badge--idle{background:var(--color-state-info)}@supports (color:color-mix(in lab, red, red)){.badge--idle{background:color-mix(in srgb, var(--color-state-info) 16%, transparent)}}.badge--idle{color:var(--color-state-info)}.badge--alarm{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.badge--alarm{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.badge--alarm{color:var(--color-state-error)}.badge--offline,.badge--unknown{background:var(--color-state-neutral)}@supports (color:color-mix(in lab, red, red)){.badge--offline,.badge--unknown{background:color-mix(in srgb, var(--color-state-neutral) 16%, transparent)}}.badge--offline,.badge--unknown{color:var(--color-state-neutral)}.badge--wear{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.badge--wear{background:color-mix(in srgb, var(--color-state-warning) 16%, transparent)}}.badge--wear{color:var(--color-state-warning)}.meter{border-radius:var(--radius-pill);background:var(--color-surface-sunken);width:100%;height:8px;overflow:hidden}.meter__fill{border-radius:var(--radius-pill);background:var(--color-state-success);height:100%;transition:background var(--dur-standard) var(--dur-easing-standard), width var(--dur-standard) var(--dur-easing-standard)}.meter__fill--warning{background:var(--color-state-warning)}.meter__fill--error{background:var(--color-state-error)}.meter-row{gap:var(--c-space-1);flex-direction:column;display:flex}.meter-row__head{font-size:var(--c-font-caption-size);justify-content:space-between;align-items:center;display:flex}.meter-row__label{color:var(--color-text-secondary);font-weight:500}.meter-row__value{font-family:var(--c-font-family-mono);font-variant-numeric:tabular-nums}.status-strip{border-radius:var(--radius-sm);gap:2px;height:12px;display:flex;overflow:hidden}.status-strip__seg{flex:1}.status-strip__seg--running{background:var(--color-state-success)}.status-strip__seg--idle{background:var(--color-state-info)}.status-strip__seg--alarm{background:var(--color-state-error)}.status-strip__seg--offline,.status-strip__seg--unknown{background:var(--color-state-neutral)}.status-strip--empty{background:var(--color-surface-sunken);border:1px dashed var(--color-border-subtle)}.shimmer{border-radius:var(--radius-sm);background:var(--color-surface-sunken);animation:1.6s ease-in-out infinite shimmer-pulse;display:block}@keyframes shimmer-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.shimmer{opacity:1;animation:none}}.kpi-strip{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.statcard{gap:var(--c-space-1);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);transition:box-shadow var(--dur-standard) var(--dur-easing-standard);flex-direction:column;display:flex;position:relative}.statcard:hover{box-shadow:var(--c-shadow-2)}.statcard--good{background:var(--color-state-success-tint);border-color:var(--color-state-success)}@supports (color:color-mix(in lab, red, red)){.statcard--good{border-color:color-mix(in srgb, var(--color-state-success) 30%, var(--color-border-subtle))}}.statcard--good .statcard__value{color:var(--color-state-success)}.statcard--warn{background:var(--color-state-warning-tint);border-color:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.statcard--warn{border-color:color-mix(in srgb, var(--color-state-warning) 30%, var(--color-border-subtle))}}.statcard--warn .statcard__value{color:var(--color-state-warning)}.statcard--bad{background:var(--color-state-error-tint);border-color:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.statcard--bad{border-color:color-mix(in srgb, var(--color-state-error) 30%, var(--color-border-subtle))}}.statcard--bad .statcard__value{color:var(--color-state-error)}.statcard__label{font-size:var(--c-font-label-size);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:600}.statcard__value{font-family:var(--c-font-family-mono);font-size:var(--c-font-kpi-value-size);font-variant-numeric:tabular-nums;color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.statcard__caption{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.kpistat{gap:var(--c-space-1);flex-direction:column;display:flex}.kpistat__hero{align-items:baseline;gap:var(--c-space-2);font-family:var(--c-font-family-mono);display:flex}.kpistat__value{font-size:var(--c-font-kpi-value-size);font-variant-numeric:tabular-nums;font-weight:700}.kpistat__unit{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.kpistat__label{font-size:var(--c-font-label-size);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);font-weight:500}.kpistat__spark{margin-top:var(--c-space-1);width:100px;height:20px;display:block}.kpistat__spark path{fill:none;stroke:var(--color-accent-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);transition:box-shadow var(--dur-standard) var(--dur-easing-standard);overflow:hidden}.card:hover{box-shadow:var(--c-shadow-2)}.card__header{padding:var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-weight:600}.card__body{padding:var(--c-space-4);color:var(--color-text-secondary)}.card__footer{padding:var(--c-space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.table-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-1);transition:opacity var(--dur-standard) var(--dur-easing-standard);flex-shrink:0;position:relative;overflow:hidden}.table-scroll{max-width:100%;overflow-x:auto}.table-grid{border-collapse:collapse;width:100%;font-size:var(--c-font-table-cell-size,var(--c-font-body-size))}.table-grid th{text-align:left;padding:var(--c-space-3) var(--c-space-4);font-size:var(--c-font-label-size);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-sunken)}.table-grid td{padding:var(--c-space-3) var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-family:var(--c-font-family-mono)}.table-grid tbody tr:last-child td{border-bottom:none}.table-grid tbody tr:hover{background:var(--color-surface-sunken)}.table-empty{padding:var(--c-space-12);text-align:center;color:var(--color-text-muted)}details.field-disclosure{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--c-space-3) var(--c-space-4)}details.field-disclosure summary{cursor:pointer;align-items:center;gap:var(--c-space-2);font-weight:600;font-size:var(--c-font-caption-size);color:var(--color-text-secondary);list-style:none;display:flex}details.field-disclosure summary::-webkit-details-marker{display:none}details.field-disclosure summary svg{width:16px;height:16px;transition:transform var(--dur-standard) var(--dur-easing-standard)}details.field-disclosure[open] summary svg{transform:rotate(90deg)}.field-disclosure__body{margin-top:var(--c-space-3);gap:var(--c-space-2);font-size:var(--c-font-caption-size);color:var(--color-text-secondary);flex-direction:column;display:flex}.field-disclosure__row{justify-content:space-between;gap:var(--c-space-4);display:flex}.empty-note{align-items:center;gap:var(--c-space-2);padding:var(--c-space-2) var(--c-space-3);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--c-font-caption-size);align-self:flex-start;font-style:italic;display:inline-flex}.empty-note svg{flex-shrink:0;width:14px;height:14px}.failure-badge{align-items:center;gap:var(--c-space-1);padding:var(--c-space-1) var(--c-space-3);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);font-weight:700;font-family:var(--c-font-family-mono);align-self:flex-start;display:inline-flex}.failure-badge--none{background:var(--color-surface-sunken);color:var(--color-text-muted)}.failure-badge--low{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.failure-badge--low{background:color-mix(in srgb, var(--color-state-warning) 16%, transparent)}}.failure-badge--low{color:var(--color-state-warning)}.failure-badge--high{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.failure-badge--high{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.failure-badge--high{color:var(--color-state-error)}.machine-card{gap:var(--c-space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);color:var(--color-text-primary);transition:box-shadow var(--dur-standard) var(--dur-easing-standard), transform var(--dur-standard) var(--dur-easing-standard), border-color var(--dur-standard) var(--dur-easing-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.machine-card:hover{box-shadow:var(--c-shadow-2);border-color:var(--color-border-strong);transform:translateY(-2px)}.machine-card--alarm{background:var(--color-state-error-tint)}.machine-card__check{top:var(--c-space-4);right:var(--c-space-4);width:18px;height:18px;accent-color:var(--color-accent-primary);z-index:2;position:absolute}.machine-card__head{padding-right:var(--c-space-6);justify-content:space-between;align-items:center;display:flex}.machine-card__name{font-family:var(--c-font-family-mono);letter-spacing:-.01em;font-weight:700}.machine-card__icon{width:18px;height:18px;color:var(--color-text-muted)}.machine-card__spark{width:100%;height:32px;display:block}.machine-card__spark path{fill:none;stroke:var(--color-accent-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.machine-card__foot{font-size:var(--c-font-caption-size);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:var(--c-space-2);display:flex}.machine-card__job{align-items:center;gap:var(--c-space-2);font-size:var(--c-font-caption-size);color:var(--color-text-secondary);display:flex}.machine-card__job svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.machine-card__job--na{color:var(--color-text-muted);font-style:italic}.machine-card__progress{gap:var(--c-space-1);flex-direction:column;display:flex}.machine-card__progress-label{font-size:var(--c-font-caption-size);justify-content:space-between;display:flex}.machine-card__progress-label span:first-child{color:var(--color-text-muted)}.machine-card__progress-label span:last-child{font-weight:600;font-family:var(--c-font-family-mono);font-variant-numeric:tabular-nums}.mini-stats{gap:var(--c-space-3);padding:var(--c-space-3) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;display:grid}.mini-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.mini-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:10px}.mini-stat__value{font-size:var(--c-font-caption-size);font-weight:600;font-family:var(--c-font-family-mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-stat__value--na{color:var(--color-text-muted);font-family:inherit;font-style:italic;font-weight:400}.mini-stat__value--warn{color:var(--color-state-warning)}.mini-stat__note{color:var(--color-text-muted);font-weight:400}.badge--tier{text-transform:none;letter-spacing:0;font-weight:500}.badge--tier-full{background:var(--color-accent-primary)}@supports (color:color-mix(in lab, red, red)){.badge--tier-full{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}}.badge--tier-full{color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary), 0 0 10px var(--color-accent-primary)}@supports (color:color-mix(in lab, red, red)){.badge--tier-full{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-primary) 25%, transparent), 0 0 10px color-mix(in srgb, var(--color-accent-primary) 35%, transparent)}}.badge--tier-full{animation:2.4s ease-in-out infinite tier-glow-pulse}.badge--tier-full svg{filter:drop-shadow(0 0 3px var(--color-accent-primary))}@supports (color:color-mix(in lab, red, red)){.badge--tier-full svg{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-accent-primary) 70%, transparent))}}.badge--tier-basic{background:var(--color-surface-sunken);color:var(--color-text-muted)}.badge--estimated{background:var(--color-surface-sunken);color:var(--color-text-muted);text-transform:none;font-weight:500}@keyframes tier-glow-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-primary) 25%, transparent), 0 0 8px color-mix(in srgb, var(--color-accent-primary) 25%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-primary) 35%, transparent), 0 0 14px color-mix(in srgb, var(--color-accent-primary) 50%, transparent)}}@media (prefers-reduced-motion:reduce){.badge--tier-full{animation:none}}.sparkline{display:block}.sparkline path{fill:none;stroke:var(--color-accent-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sparkline-suppressed{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.chart-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--c-shadow-1);padding:var(--c-space-6) var(--c-space-5) var(--c-space-4);position:relative}.chart-frame svg{aspect-ratio:1240/300;width:100%;display:block;overflow:visible}.chart-frame path.line{fill:none;stroke:var(--color-accent-primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-frame path.area{stroke:none}.chart-frame circle.point{fill:var(--color-surface-raised);stroke:var(--color-accent-primary);stroke-width:2px}.chart-frame .grid-line{stroke:var(--color-border-subtle);stroke-width:1px;stroke-dasharray:2 3}.chart-frame .axis-label{font-family:var(--c-font-family-mono);fill:var(--color-text-muted);font-size:10px}.chart-frame .axis-label--x{text-anchor:middle}.chart-frame .axis-label--y{text-anchor:end}.chart-frame__series{transition:opacity var(--dur-standard) var(--dur-easing-standard)}.chart-frame.is-loading .chart-frame__series{opacity:0}.chart-frame__loading{inset:var(--c-space-6) var(--c-space-5) var(--c-space-4);justify-content:center;align-items:center;display:none;position:absolute}.chart-frame.is-loading .chart-frame__loading{display:flex}.chart-frame__spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite chart-spin}@keyframes chart-spin{to{transform:rotate(360deg)}}.chart-legend{gap:var(--c-space-4);padding:0 var(--c-space-1);flex-wrap:wrap;display:flex}.chart-legend__item{align-items:center;gap:var(--c-space-2);font-size:var(--c-font-caption-size);color:var(--color-text-secondary);display:inline-flex}.chart-legend__swatch{border-radius:var(--radius-sm);background:var(--legend-color,var(--color-accent-primary));flex-shrink:0;width:10px;height:10px}.chart-empty{padding:var(--c-space-12);text-align:center;color:var(--color-text-muted)}.theme-btn .icon-moon,html.dark .theme-btn .icon-sun{display:none}html.dark .theme-btn .icon-moon{display:block}.field{gap:var(--c-space-2);flex-direction:column;display:flex}.field__label{font-size:var(--c-font-label-size);color:var(--color-text-secondary);font-weight:600}.field__input{padding:var(--c-space-3) var(--c-space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);font-family:inherit;font-size:var(--c-font-body-size);width:100%}.field__input:focus{box-shadow:0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-primary);border-color:var(--color-accent-primary);outline:none}.field--error .field__input{border-color:var(--color-state-error)}.field--success .field__input{border-color:var(--color-state-success)}.field--disabled .field__input{opacity:.5;cursor:not-allowed}.field__hint{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.field--error .field__hint{color:var(--color-state-error)}.field--success .field__hint{color:var(--color-state-success)}.cselect{width:100%;display:inline-block;position:relative}.cselect__trigger{justify-content:space-between;align-items:center;gap:var(--c-space-3);width:100%;padding:var(--c-space-3) var(--c-space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:var(--c-font-body-size);cursor:pointer;display:flex}.cselect__trigger:hover{border-color:var(--color-accent-primary)}.cselect__trigger:focus-visible,.cselect.is-open .cselect__trigger{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-primary);outline:none}.cselect__trigger svg{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--dur-standard) var(--dur-easing-standard);flex-shrink:0}.cselect.is-open .cselect__trigger svg{transform:rotate(180deg)}.cselect__panel{top:calc(100% + var(--c-space-2));background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:100%;box-shadow:var(--c-shadow-2);padding:var(--c-space-2);z-index:var(--c-z-dropdown);max-height:280px;margin:0;list-style:none;position:absolute;left:0;overflow-y:auto}.cselect__panel[hidden]{display:none}.cselect__option{text-align:left;white-space:nowrap;width:100%;padding:var(--c-space-2) var(--c-space-3);font:inherit;font-size:var(--c-font-body-size);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.cselect__option:hover,.cselect__option.is-active{background:var(--color-surface-sunken);color:var(--color-accent-primary)}.cselect__option svg{width:14px;height:14px;display:none}.cselect__option[aria-selected=true] svg{display:inline-flex}.switch{flex-shrink:0;width:40px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch__track{background:var(--color-border-strong);border-radius:var(--radius-pill);transition:background var(--dur-standard) var(--dur-easing-standard);pointer-events:none;position:absolute;inset:0}.switch__thumb{background:var(--color-surface-raised);width:18px;height:18px;box-shadow:var(--c-shadow-1);transition:transform var(--dur-standard) var(--dur-easing-standard);pointer-events:none;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--color-accent-primary)}.switch input:checked~.switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-primary)}.combobox{width:260px;position:relative}.combobox__chips{gap:var(--c-space-1);padding:var(--c-space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-base);flex-wrap:wrap;display:flex}.combobox__chips:focus-within{box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 4px var(--color-accent-primary)}.chip{align-items:center;gap:var(--c-space-1);background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:var(--c-space-1) var(--c-space-2);font-size:var(--c-font-caption-size);display:inline-flex}.chip__remove{width:14px;height:14px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip__remove:hover{background:var(--color-surface-base);color:var(--color-text-primary)}.chip__remove svg{width:10px;height:10px}.combobox__input{min-width:60px;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1}.combobox__panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:100%;box-shadow:var(--c-shadow-2);padding:var(--c-space-2);z-index:var(--c-z-dropdown);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0}.combobox__panel[hidden]{display:none}.combobox__panel li{margin:0;padding:0}.combobox__option{text-align:left;width:100%;padding:var(--c-space-2) var(--c-space-3);font:inherit;color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;display:block}.combobox__option:hover{background:var(--color-surface-sunken);color:var(--color-accent-primary)}.drp{position:relative}.drp__trigger{align-items:center;gap:var(--c-space-2);padding:var(--c-space-2) var(--c-space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-base);color:var(--color-text-primary);font:inherit;cursor:pointer;display:inline-flex}.drp__trigger:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.drp__trigger svg{width:16px;height:16px}.drp__panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--c-shadow-2);padding:var(--c-space-2);z-index:var(--c-z-dropdown);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.drp__panel[hidden]{display:none}.drp__panel li{margin:0;padding:0}.drp__panel .combobox__option[aria-selected=true]{color:var(--color-accent-primary);font-weight:600}.modal-scrim{z-index:var(--c-z-modal);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-scrim[hidden]{display:none}.modal-panel{background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--c-shadow-modal);padding:var(--c-space-6);width:min(420px,90vw)}.modal-panel h2{margin:0 0 var(--c-space-3) 0;font-size:var(--c-font-body-size)}.modal-panel p{margin:0 0 var(--c-space-6) 0;color:var(--color-text-secondary)}.modal-actions{justify-content:flex-end;gap:var(--c-space-3);display:flex}.dropdown{display:inline-block;position:relative}.dropdown__panel{top:calc(100% + var(--c-space-2));background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--c-shadow-2);padding:var(--c-space-2);z-index:var(--c-z-dropdown);margin:0;list-style:none;position:absolute;left:0}.dropdown__panel[hidden]{display:none}.dropdown__item{text-align:left;width:100%;padding:var(--c-space-2) var(--c-space-3);border-radius:var(--radius-sm);font:inherit;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;display:block}.dropdown__item:hover,.dropdown__item[aria-selected=true]{background:var(--color-surface-sunken);color:var(--color-accent-primary)}.selection-toolbar{align-items:center;gap:var(--c-space-3);padding:var(--c-space-3) var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-1);width:fit-content;display:flex}.selection-toolbar__count{font-weight:600;font-family:var(--c-font-family-mono)}.selection-toolbar__sep{background:var(--color-border-subtle);width:1px;height:20px}.alarm-row{padding:var(--c-space-3) var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.alarm-row:last-child{border-bottom:none}.alarm-row__info{align-items:center;gap:var(--c-space-3);display:flex}.alarm-row__machine{font-family:var(--c-font-family-mono);font-weight:600}.alarm-row__actions{gap:var(--c-space-2);display:flex}.status-pill{padding:var(--c-space-1) var(--c-space-2);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);font-weight:600}@supports (color:color-mix(in lab, red, red)){.status-pill--active{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.status-pill--acknowledged{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.status-pill--acknowledged{background:color-mix(in srgb, var(--color-state-warning) 16%, transparent)}}.status-pill--acknowledged{color:var(--color-state-warning)}.status-pill--muted,.status-pill--cleared{background:var(--color-surface-sunken);color:var(--color-text-muted)}.status-pill--active{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.status-pill--active{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.status-pill--active{color:var(--color-state-error)}.table-frame.is-loading .table-scroll{opacity:.35}.table-frame__spinner{background:var(--color-surface-raised);justify-content:center;align-items:center;display:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.table-frame__spinner{background:color-mix(in srgb, var(--color-surface-raised) 60%, transparent)}}.table-frame.is-loading .table-frame__spinner{display:flex}.table-frame__spinner span{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite chart-spin}.toast-stack{bottom:var(--c-space-6);right:var(--c-space-6);gap:var(--c-space-2);z-index:var(--c-z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--c-space-2);padding:var(--c-space-3) var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-2);font-size:var(--c-font-caption-size);animation:toast-in var(--dur-toast-in) var(--dur-easing-standard);display:flex}.toast.is-leaving{animation:toast-out var(--dur-toast-out) var(--dur-easing-exit) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.checkbox,.radio{align-items:center;gap:var(--c-space-2);cursor:pointer;font-size:var(--c-font-body-size);display:inline-flex}.checkbox input,.radio input{width:16px;height:16px;accent-color:var(--color-accent-primary);cursor:pointer}.detail-head{justify-content:space-between;align-items:center;gap:var(--c-space-3);flex-wrap:wrap;display:flex}.filter-bar{align-items:center;gap:var(--c-space-3);flex-wrap:wrap;display:flex}.filter-bar__search{flex:240px;min-width:200px;max-width:340px;position:relative}.filter-bar__search svg{left:var(--c-space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-bar__search input{width:100%;padding:var(--c-space-2) var(--c-space-3) var(--c-space-2) calc(var(--c-space-3) * 2 + 16px);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:var(--c-font-body-size)}.filter-bar__search input:focus{box-shadow:0 0 0 2px var(--color-surface-base), 0 0 0 4px var(--color-accent-primary);border-color:var(--color-accent-primary);outline:none}.filter-bar .cselect{flex:none;width:auto;min-width:170px}.filter-bar__spacer{flex:auto}.filter-bar__count{font-size:var(--c-font-caption-size);color:var(--color-text-muted);white-space:nowrap}.ws-pill{align-items:center;gap:var(--c-space-2);padding:var(--c-space-1) var(--c-space-3);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);background:var(--color-state-success);font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ws-pill{background:color-mix(in srgb, var(--color-state-success) 16%, transparent)}}.ws-pill{color:var(--color-state-success)}.ws-pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.snapshot-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.snapshot-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-1);padding:var(--c-space-4);gap:var(--c-space-2);flex-direction:column;display:flex}.snapshot-card__title{font-size:var(--c-font-caption-size);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.snapshot-card__body{font-size:var(--c-font-body-size)}.history-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);gap:var(--c-space-4);flex-direction:column;display:flex}.history-controls{align-items:center;gap:var(--c-space-3);flex-wrap:wrap;display:flex}.line-group{gap:var(--c-space-3);flex-direction:column;display:flex}.line-group__label{font-size:var(--c-font-body-size);color:var(--color-text-secondary);font-weight:600}.line-group__summary{align-items:center;gap:var(--c-space-2);cursor:pointer;padding:var(--c-space-1) 0;list-style:none;display:flex}.line-group__summary::-webkit-details-marker{display:none}.line-group__summary svg.chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--dur-standard) var(--dur-easing-standard);flex-shrink:0}.line-group[open] .line-group__summary svg.chevron{transform:rotate(90deg)}.line-group__count{font-size:var(--c-font-caption-size);color:var(--color-text-muted);font-weight:400}.line-group__rollup{margin-left:auto}.line-group__body{padding-top:var(--c-space-1)}.machine-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(260px,420px));display:grid}.health-strip{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.health-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.health-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);gap:var(--c-space-3);transition:box-shadow var(--dur-standard) var(--dur-easing-standard);flex-direction:column;display:flex}.health-card:hover{box-shadow:var(--c-shadow-2)}.health-card--degraded{background:var(--color-state-warning-tint)}.health-card--down{background:var(--color-state-error-tint)}.health-card__head{justify-content:space-between;align-items:center;display:flex}.health-card__title{font-weight:600}.health-pill{align-items:center;gap:var(--c-space-1);padding:var(--c-space-1) var(--c-space-2);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);font-weight:600;display:inline-flex}.health-pill--ok{background:var(--color-state-success)}@supports (color:color-mix(in lab, red, red)){.health-pill--ok{background:color-mix(in srgb, var(--color-state-success) 16%, transparent)}}.health-pill--ok{color:var(--color-state-success)}.health-pill--degraded{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.health-pill--degraded{background:color-mix(in srgb, var(--color-state-warning) 16%, transparent)}}.health-pill--degraded{color:var(--color-state-warning)}.health-pill--down{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.health-pill--down{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.health-pill--down{color:var(--color-state-error)}.health-meta{font-size:var(--c-font-caption-size);color:var(--color-text-muted);justify-content:space-between;display:flex}.health-timestamp{font-family:var(--c-font-family-mono);font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.app-content__inner{gap:var(--c-space-6);flex-direction:column;width:100%;display:flex}.config-section{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-1)}.config-section__head{padding:var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-weight:600}.config-row{padding:var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--c-space-4);display:flex}.config-row:last-child{border-bottom:none}.config-row__label{font-weight:600}.config-row__hint{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.role-table{border-collapse:collapse;width:100%}.role-table th,.role-table td{text-align:left;padding:var(--c-space-3) var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--c-font-caption-size)}.role-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:10px}.config-section--padded{padding:var(--c-space-6);gap:var(--c-space-4);flex-direction:column;display:flex}.config-section--padded>.btn{align-self:flex-start}.profile-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--c-shadow-1);padding:var(--c-space-6);align-items:center;gap:var(--c-space-4);display:flex}.profile-avatar{background:var(--color-accent-primary);width:64px;height:64px;color:var(--color-surface-raised);font-size:var(--c-font-section-header-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-name{font-weight:700;font-size:var(--c-font-body-size)}.profile-email{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.profile-role{margin-top:var(--c-space-1);padding:var(--c-space-1) var(--c-space-2);border-radius:var(--radius-pill);font-size:var(--c-font-caption-size);background:var(--color-accent-primary);font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-role{background:color-mix(in srgb, var(--color-accent-primary) 16%, transparent)}}.profile-role{color:var(--color-accent-primary)}.btn--danger{color:var(--color-state-error);border-color:var(--color-state-error)}@media (max-width:768px){.profile-card{text-align:center;flex-direction:column}}.auth-page{background:var(--color-surface-sunken);min-height:100vh;display:flex}.auth-brandpanel{justify-content:space-between;gap:var(--c-space-10);min-width:420px;max-width:640px;padding:var(--c-space-10);background:var(--c-surface-base);color:var(--c-text-primary);flex-direction:column;flex:0 0 44%;display:flex;position:relative;overflow:hidden}.auth-brandpanel__pattern{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-brandpanel__brand{align-items:center;gap:var(--c-space-3);display:flex;position:relative}.auth-brandpanel__brand svg{width:28px;height:28px;color:var(--c-accent-primary);flex-shrink:0}.auth-brandpanel__brand span{font-weight:700;font-size:var(--c-font-section-header-size)}.auth-brandpanel__body{gap:var(--c-space-6);flex-direction:column;max-width:420px;display:flex;position:relative}.auth-brandpanel__body h2{font-size:var(--c-font-kpi-value-size);letter-spacing:-.01em;margin:0;line-height:1.2}.auth-brandpanel__body>p{color:var(--c-text-secondary);font-size:var(--c-font-body-size);margin:0;line-height:1.5}.auth-brandpanel__features{gap:var(--c-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-brandpanel__features li{align-items:flex-start;gap:var(--c-space-3);font-size:var(--c-font-caption-size);color:var(--c-text-secondary);display:flex}.auth-brandpanel__features svg{width:18px;height:18px;color:var(--c-accent-primary);flex-shrink:0;margin-top:1px}.auth-brandpanel__footnote{font-size:var(--c-font-caption-size);color:var(--c-text-muted);position:relative}.auth-formside{min-width:0;padding:var(--c-space-6);flex:1;justify-content:center;align-items:center;display:flex}.auth-shell{width:100%;max-width:380px}.auth-brand{align-items:center;gap:var(--c-space-2);margin-bottom:var(--c-space-6);justify-content:center;display:none}.auth-brand svg{width:28px;height:28px;color:var(--color-accent-primary)}.auth-brand__label{font-weight:700;font-size:var(--c-font-section-header-size)}@media (max-width:899px){.auth-brandpanel{display:none}.auth-brand{display:flex}}.auth-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-2);padding:var(--c-space-8);gap:var(--c-space-4);flex-direction:column;display:flex}.auth-card__icon{border-radius:var(--radius-lg);background:var(--color-accent-primary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-card__icon{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}}.auth-card__icon{color:var(--color-accent-primary);margin-bottom:var(--c-space-1)}.auth-card__icon svg{width:24px;height:24px}.auth-card h1{font-size:var(--c-font-kpi-value-size);letter-spacing:-.02em;margin:0;font-weight:700}.auth-card p{font-size:var(--c-font-body-size);color:var(--color-text-secondary);margin:0}.auth-row{font-size:var(--c-font-caption-size);justify-content:space-between;align-items:center;display:flex}.auth-footer{text-align:center;margin-top:var(--c-space-6);font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.auth-card .field__label{color:var(--color-text-primary)}.auth-card .field__input{background:var(--color-surface-sunken);padding:var(--c-space-4);border-color:#0000}.auth-card .field__input:focus{background:var(--color-surface-raised)}.field__input-wrap{display:flex;position:relative}.field__input-wrap .field__input{padding-right:calc(var(--c-space-8) + var(--c-space-2))}.field__reveal{right:var(--c-space-2);border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.field__reveal:hover{background:var(--color-surface-raised);color:var(--color-text-secondary)}.field__reveal svg{width:16px;height:16px}.auth-card .btn--primary{width:100%;height:48px;transition:box-shadow var(--dur-standard) var(--dur-easing-standard), transform var(--dur-standard) var(--dur-easing-standard)}.auth-card .btn--primary:hover:not(:disabled){transform:translateY(-1px)}.session-banner{align-items:center;gap:var(--c-space-2);padding:var(--c-space-3) var(--c-space-4);border-radius:var(--radius-md);background:var(--color-state-warning);display:flex}@supports (color:color-mix(in lab, red, red)){.session-banner{background:color-mix(in srgb, var(--color-state-warning) 14%, transparent)}}.session-banner{color:var(--color-state-warning);font-size:var(--c-font-caption-size);margin-bottom:var(--c-space-4)}.session-banner svg{flex-shrink:0;width:16px;height:16px}.mfa-inputs{gap:var(--c-space-2);justify-content:center;display:flex}.mfa-inputs input{text-align:center;width:44px;height:44px;font-family:var(--c-font-family-mono);font-size:var(--c-font-body-size);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-base);color:var(--color-text-primary)}.mfa-inputs input:focus{box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 4px var(--color-accent-primary);border-color:var(--color-accent-primary);outline:none}.btn--text{padding:var(--c-space-1);background:0 0;border:none;text-decoration:underline}@media (max-width:320px){.auth-card{padding:var(--c-space-6)}}.insight-banner{align-items:flex-start;gap:var(--c-space-3);padding:var(--c-space-4);border-radius:var(--radius-lg);background:var(--color-accent-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.insight-banner{background:color-mix(in srgb, var(--color-accent-primary) 8%, var(--color-surface-raised))}}.insight-banner{border:1px solid var(--color-accent-primary)}@supports (color:color-mix(in lab, red, red)){.insight-banner{border:1px solid color-mix(in srgb, var(--color-accent-primary) 25%, transparent)}}.insight-banner{animation:insight-in .4s var(--dur-easing-standard) both}.insight-banner__icon{background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.insight-banner__icon{background:color-mix(in srgb, var(--color-accent-primary) 16%, transparent)}}.insight-banner__icon{color:var(--color-accent-primary)}.insight-banner__icon svg{width:18px;height:18px;animation:2.2s ease-in-out infinite insight-pulse}.insight-banner__body{font-size:var(--c-font-body-size);flex:1}.insight-banner__title{margin-bottom:2px;font-weight:600}.insight-banner__text{color:var(--color-text-secondary);font-size:var(--c-font-caption-size)}.insight-banner__close{color:var(--color-text-muted);cursor:pointer;padding:var(--c-space-1);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0}.insight-banner__close:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.insight-banner__close svg{width:16px;height:16px}@keyframes insight-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes insight-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.oee-gauge{flex-shrink:0;width:72px;height:72px;position:relative}.oee-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.oee-gauge circle{fill:none;stroke-width:7px}.oee-gauge circle.oee-gauge__track{stroke:var(--color-surface-sunken)}.oee-gauge circle.oee-gauge__fill{stroke-linecap:round;stroke-dasharray:188.5;transition:stroke-dashoffset 1.1s var(--dur-easing-standard), stroke .3s}.oee-gauge__fill--good{stroke:var(--color-state-success)}.oee-gauge__fill--warn{stroke:var(--color-state-warning)}.oee-gauge__fill--bad{stroke:var(--color-state-error)}.oee-gauge__label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.oee-gauge__value{font-family:var(--c-font-family-mono);font-size:18px;font-weight:700}.oee-gauge__unit{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.oee-line-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.oee-line-card{gap:var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);cursor:pointer;transition:box-shadow var(--dur-standard) var(--dur-easing-standard), transform var(--dur-standard) var(--dur-easing-standard), border-color var(--dur-standard) var(--dur-easing-standard);flex-direction:column;display:flex}.oee-line-card:hover{box-shadow:var(--c-shadow-2);transform:translateY(-2px)}.oee-line-card.is-selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary), var(--c-shadow-2)}.oee-line-card__head{justify-content:space-between;align-items:flex-start;gap:var(--c-space-3);display:flex}.oee-line-card__title{font-weight:600}.oee-line-card__meta{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.oee-line-card__hint{margin-top:var(--c-space-1);font-size:var(--c-font-caption-size);color:var(--color-accent-primary);opacity:0;transition:opacity var(--dur-fast);display:block}.oee-line-card:hover .oee-line-card__hint{opacity:1}.waterfall-card{gap:var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.waterfall-card__head{justify-content:space-between;align-items:center;gap:var(--c-space-2);flex-wrap:wrap;display:flex}.waterfall-card__title{font-weight:600}.waterfall-legend{gap:var(--c-space-4);font-size:var(--c-font-caption-size);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.waterfall-legend__item{align-items:center;gap:var(--c-space-2);display:flex}.waterfall-legend__swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.waterfall-row{gap:var(--c-space-2);flex-direction:column;display:flex}.waterfall-row__head{font-size:var(--c-font-caption-size);justify-content:space-between;display:flex}.waterfall-row__label{font-weight:600}.waterfall-row__net{font-family:var(--c-font-family-mono);color:var(--color-text-muted)}.waterfall-bar{border-radius:var(--radius-sm);background:var(--color-surface-sunken);height:22px;display:flex;overflow:hidden}.waterfall-bar__seg{flex-shrink:0;height:100%}.waterfall-bar__seg--oee{background:var(--color-accent-primary)}.waterfall-bar__seg--availability-loss{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.waterfall-bar__seg--availability-loss{background:color-mix(in srgb, var(--color-state-error) 55%, transparent)}}.waterfall-bar__seg--performance-loss{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.waterfall-bar__seg--performance-loss{background:color-mix(in srgb, var(--color-state-warning) 55%, transparent)}}.waterfall-bar__seg--quality-loss{background:var(--color-state-info)}@supports (color:color-mix(in lab, red, red)){.waterfall-bar__seg--quality-loss{background:color-mix(in srgb, var(--color-state-info) 55%, transparent)}}.table-frame__head{justify-content:space-between;align-items:center;gap:var(--c-space-2);padding:var(--c-space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-raised);flex-wrap:wrap;display:flex}.table-frame__title{font-weight:600}.table-frame__note{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.table-frame__foot{padding:var(--c-space-3);border-top:1px solid var(--color-border-subtle);justify-content:center;display:flex}.show-more-btn{color:var(--color-accent-primary);font:inherit;font-weight:600;font-size:var(--c-font-caption-size);cursor:pointer;align-items:center;gap:var(--c-space-1);background:0 0;border:none;display:inline-flex}.show-more-btn:hover{text-decoration:underline}.show-more-btn svg{width:14px;height:14px;transition:transform var(--dur-fast)}.show-more-btn.is-expanded svg{transform:rotate(180deg)}.table-grid th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-grid th.is-sortable:hover{color:var(--color-text-secondary)}.table-grid th .sort-icon{vertical-align:middle;opacity:.4;width:12px;height:12px;transition:transform var(--dur-fast), opacity var(--dur-fast);margin-left:4px;display:inline-flex}.table-grid th .sort-icon.is-active{opacity:1;color:var(--color-accent-primary)}.table-grid th .sort-icon.is-desc{transform:rotate(180deg)}.oee-cell{align-items:center;gap:var(--c-space-2);display:flex}.oee-cell__value{font-family:var(--c-font-family-mono);min-width:34px;font-weight:700}.oee-cell__value--good{color:var(--color-state-success)}.oee-cell__value--warn{color:var(--color-state-warning)}.oee-cell__value--bad{color:var(--color-state-error)}.oee-cell__meter{width:60px}.wear-cell{align-items:center;gap:var(--c-space-2);display:flex}.wear-cell__value{font-family:var(--c-font-family-mono);min-width:34px;font-weight:700}.wear-cell__value--good{color:var(--color-state-success)}.wear-cell__value--warn{color:var(--color-state-warning)}.wear-cell__value--bad{color:var(--color-state-error)}.wear-cell__meter{width:70px}.methodology-note{gap:var(--c-space-2);padding:var(--c-space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md);font-size:var(--c-font-caption-size);color:var(--color-text-secondary);display:flex}.methodology-note svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.reliability-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.reliability-card{gap:var(--c-space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.reliability-card__title{font-weight:600}.reliability-card__meta{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.reliability-card__stats{gap:var(--c-space-6);margin-top:var(--c-space-1);display:flex}.reliability-stat{flex-direction:column;gap:2px;display:flex}.reliability-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:10px}.reliability-stat__value{font-family:var(--c-font-family-mono);font-size:20px;font-weight:700}.reliability-stat__value--warn{color:var(--color-state-warning)}.reliability-stat__value--bad{color:var(--color-state-error)}.pareto-card{gap:var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.pareto-card__head{justify-content:space-between;align-items:center;gap:var(--c-space-2);flex-wrap:wrap;display:flex}.pareto-card__title{font-weight:600}.pareto-card__note{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.pareto-row{align-items:center;gap:var(--c-space-3);grid-template-columns:200px 1fr 90px 60px;display:grid}.pareto-row__label{font-size:var(--c-font-caption-size);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pareto-row__track{border-radius:var(--radius-sm);background:var(--color-surface-sunken);height:18px;position:relative;overflow:hidden}.pareto-row__fill{border-radius:var(--radius-sm);background:var(--color-accent-primary);width:0;height:100%;transition:width 1s var(--dur-easing-standard)}.pareto-row--past-80 .pareto-row__fill{background:var(--color-text-muted)}.pareto-row__minutes{font-family:var(--c-font-family-mono);font-size:var(--c-font-caption-size);color:var(--color-text-secondary);text-align:right;white-space:nowrap}.pareto-row__cumulative{font-family:var(--c-font-family-mono);font-size:var(--c-font-caption-size);color:var(--color-text-muted);text-align:right}.pareto-threshold-note{align-items:center;gap:var(--c-space-2);font-size:var(--c-font-caption-size);color:var(--color-text-muted);padding-top:var(--c-space-2);border-top:1px dashed var(--color-border-subtle);display:flex}.pareto-threshold-note svg{width:14px;height:14px;color:var(--color-accent-primary);flex-shrink:0}@media (max-width:900px){.pareto-row{grid-template-columns:120px 1fr 70px}.pareto-row__cumulative{display:none}}.shift-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.shift-card{gap:var(--c-space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.shift-card.is-current{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary), var(--c-shadow-2)}.shift-card__head{justify-content:space-between;align-items:center;display:flex}.shift-card__title{align-items:center;gap:var(--c-space-2);font-weight:600;display:flex}.shift-card__live{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-primary);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.shift-card__live-dot{background:var(--color-accent-primary);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.shift-card__time{font-size:var(--c-font-caption-size);color:var(--color-text-muted);font-family:var(--c-font-family-mono)}.shift-card__value{font-family:var(--c-font-family-mono);font-size:22px;font-weight:700}.shift-card__value-unit{font-size:var(--c-font-caption-size);color:var(--color-text-muted);font-weight:400}.shift-card__parts{font-size:var(--c-font-caption-size);color:var(--color-text-secondary)}.trend-card{gap:var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.trend-card__head{justify-content:space-between;align-items:center;gap:var(--c-space-2);flex-wrap:wrap;display:flex}.trend-card__title{font-weight:600}.trend-legend{gap:var(--c-space-4);font-size:var(--c-font-caption-size);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.trend-legend__item{align-items:center;gap:var(--c-space-2);display:flex}.trend-legend__swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.trend-chart{height:140px;padding-top:var(--c-space-4);align-items:flex-end;gap:3px;display:flex}.trend-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.trend-bar__fill{width:100%;height:0;transition:height .8s var(--dur-easing-standard);border-radius:3px 3px 0 0}.trend-bar__fill--a{background:var(--color-accent-primary)}.trend-bar__fill--b{background:var(--color-state-warning)}.trend-bar__fill--c{background:var(--color-accent-primary)}@supports (color:color-mix(in lab, red, red)){.trend-bar__fill--c{background:color-mix(in srgb, var(--color-accent-primary) 45%, var(--color-text-muted))}}.trend-axis{font-size:var(--c-font-caption-size);color:var(--color-text-muted);padding-top:var(--c-space-3);border-top:1px solid var(--color-border-subtle);justify-content:space-between;display:flex}.achv-cell{align-items:center;gap:var(--c-space-2);display:flex}.achv-cell__value{font-family:var(--c-font-family-mono);min-width:34px;font-weight:700}.achv-cell__meter{width:90px}@media (prefers-reduced-motion:reduce){.insight-banner,.insight-banner__icon svg{animation:none}.oee-gauge circle.oee-gauge__fill,.pareto-row__fill{transition:none}.shift-card__live-dot{animation:none}.trend-bar__fill,.status-donut__seg,.compare-row__fill{transition:none}}.tabs{gap:var(--c-space-2);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.tab-item{align-items:center;gap:var(--c-space-2);padding:var(--c-space-3) var(--c-space-4);font:inherit;font-weight:600;font-size:var(--c-font-body-size);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.tab-item:hover{color:var(--color-text-primary)}.tab-item.is-active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.tab-item__count{font-size:var(--c-font-caption-size);color:var(--color-text-muted);font-weight:400}.status-overview-card{align-items:center;gap:var(--c-space-6);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-wrap:wrap;display:flex}.status-donut{flex-shrink:0;width:128px;height:128px;position:relative}.status-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.status-donut circle{fill:none;stroke-width:14px}.status-donut__track{stroke:var(--color-surface-sunken)}.status-donut__seg{transition:stroke-dasharray 1s var(--dur-easing-standard)}.status-donut__label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status-donut__value{font-family:var(--c-font-family-mono);font-size:26px;font-weight:700}.status-donut__unit{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.status-legend{gap:var(--c-space-2);flex-direction:column;flex:1;min-width:200px;display:flex}.status-legend__row{align-items:center;gap:var(--c-space-2);font-size:var(--c-font-body-size);display:flex}.status-legend__swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.status-legend__label{color:var(--color-text-secondary);flex:1}.status-legend__value{font-family:var(--c-font-family-mono);font-weight:700}.widget-grid{gap:var(--c-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.widget-card{gap:var(--c-space-2);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);color:var(--color-text-primary);transition:box-shadow var(--dur-standard) var(--dur-easing-standard), transform var(--dur-standard) var(--dur-easing-standard), border-color var(--dur-standard) var(--dur-easing-standard);flex-direction:column;text-decoration:none;display:flex}.widget-card:hover{box-shadow:var(--c-shadow-2);border-color:var(--color-border-strong);transform:translateY(-2px)}.widget-card__head{justify-content:space-between;align-items:center;display:flex}.widget-card__icon{background:var(--color-accent-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.widget-card__icon{background:color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}}.widget-card__icon{color:var(--color-accent-primary)}.widget-card__icon svg{width:16px;height:16px}.widget-card__icon--warn{background:var(--color-state-warning)}@supports (color:color-mix(in lab, red, red)){.widget-card__icon--warn{background:color-mix(in srgb, var(--color-state-warning) 16%, transparent)}}.widget-card__icon--warn{color:var(--color-state-warning)}.widget-card__icon--bad{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.widget-card__icon--bad{background:color-mix(in srgb, var(--color-state-error) 16%, transparent)}}.widget-card__icon--bad{color:var(--color-state-error)}.widget-card__label{font-size:var(--c-font-label-size);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.widget-card__value{font-family:var(--c-font-family-mono);letter-spacing:-.02em;font-size:26px;font-weight:700}.widget-card__caption{font-size:var(--c-font-caption-size);color:var(--color-text-secondary)}.widget-card__link{font-size:var(--c-font-caption-size);color:var(--color-accent-primary);align-items:center;gap:4px;margin-top:auto;font-weight:600;display:flex}.widget-card__link svg{width:12px;height:12px;transition:transform var(--dur-fast)}.widget-card:hover .widget-card__link svg{transform:translate(2px)}.compare-card{gap:var(--c-space-4);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.compare-card__head{justify-content:space-between;align-items:center;gap:var(--c-space-2);flex-wrap:wrap;display:flex}.compare-card__title{font-weight:600}.compare-row{align-items:center;gap:var(--c-space-3);grid-template-columns:140px 1fr 50px;display:grid}.compare-row__label{font-size:var(--c-font-caption-size);font-weight:600}.compare-row__track{border-radius:var(--radius-sm);background:var(--color-surface-sunken);height:18px;overflow:hidden}.compare-row__fill{border-radius:var(--radius-sm);background:var(--color-accent-primary);width:0;height:100%;transition:width 1s var(--dur-easing-standard)}.compare-row__value{font-family:var(--c-font-family-mono);font-size:var(--c-font-caption-size);text-align:right}.attention-card{gap:var(--c-space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--c-shadow-1);padding:var(--c-space-5);flex-direction:column;display:flex}.attention-card__head{justify-content:space-between;align-items:center;display:flex}.attention-card__title{font-weight:600}.attention-item{align-items:center;gap:var(--c-space-3);padding:var(--c-space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:inherit;text-decoration:none;display:flex}.attention-item--alarm{background:var(--color-state-error)}@supports (color:color-mix(in lab, red, red)){.attention-item--alarm{background:color-mix(in srgb, var(--color-state-error) 8%, var(--color-surface-sunken))}}.attention-item__body{flex:1;min-width:0}.attention-item__name{font-weight:600;font-family:var(--c-font-family-mono)}.attention-item__meta{font-size:var(--c-font-caption-size);color:var(--color-text-muted)}.attention-empty{padding:var(--c-space-6);text-align:center;color:var(--color-text-muted);font-size:var(--c-font-caption-size)}:root{--background:#f1f5fe;--foreground:#02194b;--card:#fff;--card-foreground:#02194b;--popover:#fff;--popover-foreground:#02194b;--primary:#1e675b;--primary-foreground:#fff;--secondary:#dfe7f7;--secondary-foreground:#02194b;--muted:#dfe7f7;--muted-foreground:#315996;--accent:#dfe7f7;--accent-foreground:#02194b;--border:#c1d1ec;--input:#c1d1ec;--ring:#1e675b;--destructive:#c43142;--radius:.5rem;--sidebar:#fff;--sidebar-foreground:#02194b;--sidebar-primary:#1e675b;--sidebar-primary-foreground:#fff;--sidebar-accent:#dfe7f7;--sidebar-accent-foreground:#02194b;--sidebar-border:#c1d1ec;--sidebar-ring:#1e675b}.dark{--background:#05070b;--foreground:#f0f2f4;--card:#101419;--card-foreground:#f0f2f4;--popover:#101419;--popover-foreground:#f0f2f4;--primary:#64a094;--primary-foreground:#05070b;--secondary:#1f262d;--secondary-foreground:#f0f2f4;--muted:#030408;--muted-foreground:#96999c;--accent:#1f262d;--accent-foreground:#f0f2f4;--border:#16191d;--input:#16191d;--ring:#64a094;--destructive:#e1666a;--sidebar:#101419;--sidebar-foreground:#f0f2f4;--sidebar-primary:#64a094;--sidebar-primary-foreground:#05070b;--sidebar-accent:#1f262d;--sidebar-accent-foreground:#f0f2f4;--sidebar-border:#16191d;--sidebar-ring:#64a094}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}