:root{--color-surface-page:#0a141f;--color-surface-panel:#101e2d;--color-surface-raised:#14253a;--color-surface-overlay:#0d1a28;--color-border-subtle:#1c324a;--color-border-strong:#2a4763;--color-text-primary:#e8f1f8;--color-text-secondary:#8ca3b8;--color-text-muted:#7890a6;--color-text-inverse:#0a141f;--color-brand-primary:#22d3ee;--color-brand-primary-dim:#0e7490;--color-status-running:#22c55e;--color-status-warning:#eab308;--color-status-critical:#f25555;--color-status-maintenance:#3b82f6;--color-status-standby:#94a3b8;--color-status-recovered:#2dd4bf;--color-status-surface-critical:#f255551a;--color-status-surface-warning:#eab30814;--color-chart-temp:#22d3ee;--color-chart-co2:#eab308;--color-chart-voc:#a78bfa;--color-chart-grid:#1c324a;--color-chart-axis:#5b7288;--color-chart-event-marker:#f25555;--color-chart-pca-normal:#22d3ee;--color-chart-pca-boundary:#eab308;--color-chart-pca-outlier:#f25555;--color-chart-radar-normal:#22d3ee;--color-chart-radar-target:#f25555;--color-badge-demo:#f25555;--font-base:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-numeric:"DIN Alternate", "Bahnschrift", "Roboto Condensed", var(--font-base);--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-size-display:36px;--font-size-title:16px;--font-size-nav:14px;--font-size-body:14px;--font-size-value:16px;--font-size-label:12px;--font-size-caption:11px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-card-padding:12px;--space-panel-padding:16px;--space-gutter:16px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--border-width:1px;--focus-ring:0 0 0 2px #22d3ee73;--shadow-none:none;--shadow-raised:0 2px 8px #00000059;--shadow-modal:0 8px 32px #00000080;--shadow-alarm-glow:0 0 0 1px #f2555599, 0 0 20px #f255552e;--layout-topbar-height:56px;--layout-kpi-card-height:96px;--layout-rail-width:380px;--layout-rail-width-narrow:320px;--layout-page-padding:16px;--z-base:0;--z-sticky-topbar:100;--z-dropdown:200;--z-overlay:400;--z-modal:500;--z-toast:600;--motion-duration-fast:.12s;--motion-duration-base:.2s;--motion-duration-slow:.32s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-entrance:cubic-bezier(0, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-base);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}a{color:var(--color-brand-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}.numeric,.num{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.panel-title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:1.3;display:flex}.panel-title:before{content:"";background:var(--color-brand-primary-dim);border-radius:2px;width:3px;height:14px}.status-running{color:var(--color-status-running)}.status-warning{color:var(--color-status-warning)}.status-critical{color:var(--color-status-critical)}.status-maintenance{color:var(--color-status-maintenance)}.status-standby{color:var(--color-status-standby)}.status-recovered{color:var(--color-status-recovered)}.status-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;display:inline-block}.status-dot--running{background:var(--color-status-running)}.status-dot--warning{background:var(--color-status-warning)}.status-dot--critical{background:var(--color-status-critical)}.status-dot--maintenance{background:var(--color-status-maintenance)}.status-dot--standby{background:var(--color-status-standby)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.status-dot--pulse{animation:status-pulse 2s var(--motion-easing-standard) infinite}@keyframes skeleton-breathe{0%,to{opacity:.65}50%{opacity:1}}.skeleton{background:var(--color-surface-raised);border-radius:var(--radius-sm);animation:1.6s ease-in-out infinite skeleton-breathe}@keyframes panel-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:panel-enter var(--motion-duration-base) var(--motion-easing-entrance)}@keyframes value-refresh{0%{opacity:.35}to{opacity:1}}.value-refresh{animation:value-refresh var(--motion-duration-fast) var(--motion-easing-standard)}@media (prefers-reduced-motion:reduce){.status-dot--pulse,.skeleton,.panel-enter,.value-refresh{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.transition-fast{transition:color var(--motion-duration-fast) var(--motion-easing-standard), background-color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard)}.skip-link{background:var(--color-surface-overlay);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);z-index:var(--z-toast);border-radius:var(--radius-sm);position:absolute;top:0;left:-9999px}.skip-link:focus-visible{left:var(--space-sm);top:var(--space-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-width:1280px;min-height:100vh;display:flex}.topbar{z-index:var(--z-sticky-topbar);height:var(--layout-topbar-height);align-items:center;gap:var(--space-md);padding:0 var(--layout-page-padding);background:var(--color-surface-panel);border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:var(--space-sm);white-space:nowrap;color:var(--color-text-primary);display:flex}.brand__name{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.brand__product{font-size:var(--font-size-body);color:var(--color-text-secondary)}.main-nav__label{font-size:var(--font-size-caption);color:var(--color-text-muted);white-space:nowrap;letter-spacing:1px;flex-shrink:0}.main-nav{align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1;display:flex}.main-nav__item{padding:6px var(--space-sm);font-size:var(--font-size-nav);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);transition:color var(--motion-duration-fast) var(--motion-easing-standard), background-color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.main-nav__item:hover{color:var(--color-text-primary);background:var(--color-surface-raised);border-color:var(--color-border-strong);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.main-nav__item:focus-visible{box-shadow:var(--focus-ring)}.main-nav__item--active{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background:color-mix(in srgb, var(--color-brand-primary) 12%, var(--color-surface-panel))}.main-nav__item--active:after{content:"";border-radius:var(--radius-full);background:var(--color-brand-primary);height:2px;position:absolute;bottom:3px;left:10px;right:10px}.main-nav__badge{border-radius:var(--radius-full);background:var(--color-status-critical);color:#fff;min-width:18px;height:18px;font-size:var(--font-size-caption);text-align:center;font-variant-numeric:tabular-nums;padding:0 5px;line-height:18px}@media (max-width:1360px){.brand__product,.main-nav__label{display:none}}.topbar__right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.site-select{height:32px;padding:0 var(--space-sm);background:var(--color-surface-raised);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-label)}.replay-clock{color:var(--color-text-secondary);font-size:var(--font-size-label);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:flex}.user-entry{position:relative}.user-entry__trigger{height:32px;padding:0 var(--space-sm);white-space:nowrap;border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-label);background:0 0;align-items:center;gap:6px;display:flex}.user-entry__trigger:hover{background:var(--color-surface-raised)}.user-menu{background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-raised);padding:var(--space-sm);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 6px);right:0}.user-menu__label{font-size:var(--font-size-caption);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm)}.user-menu__item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);color:var(--color-text-primary);font-size:var(--font-size-body);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;display:flex}.user-menu__item:hover{background:var(--color-surface-raised)}.user-menu__item--active{color:var(--color-brand-primary)}.user-menu__divider{background:var(--color-border-subtle);height:1px;margin:var(--space-xs) 0}.user-menu__item--danger{color:var(--color-status-critical)}.demo-badge{height:24px;padding:0 var(--space-sm);border:var(--border-width) solid var(--color-badge-demo);border-radius:var(--radius-sm);color:var(--color-badge-demo);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;background:0 0;align-items:center;gap:6px;display:inline-flex}.page{padding:var(--layout-page-padding);gap:var(--space-gutter);flex-direction:column;flex:1;display:flex}.context-bar{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.context-bar__title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.context-bar__meta{color:var(--color-text-secondary);font-size:var(--font-size-label)}.panel{background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-panel-padding)}.panel--critical{background:var(--color-status-surface-critical);border-color:var(--color-status-critical);box-shadow:var(--shadow-alarm-glow)}.kpi-row{gap:var(--space-gutter);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{align-items:center;gap:var(--space-md);height:var(--layout-kpi-card-height);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:0 var(--space-panel-padding);display:flex}.kpi-card__icon{border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border-strong);width:40px;height:40px;color:var(--color-brand-primary);flex:none;justify-content:center;align-items:center;display:flex}.kpi-card__icon--critical{color:var(--color-status-critical);border-color:var(--color-status-critical)}.kpi-card__label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.kpi-card__value{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-card__value--critical{color:var(--color-status-critical)}.kpi-card__unit{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-left:4px}.tank-grid{gap:var(--space-gutter);grid-template-columns:repeat(4,1fr);display:grid}.tank-card{background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-card-padding);gap:var(--space-sm);color:var(--color-text-primary);text-align:left;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);flex-direction:column;display:flex}.tank-card:hover{border-color:var(--color-border-strong)}.tank-card--warning{border-color:var(--color-status-warning)}.tank-card--critical{background:var(--color-status-surface-critical);border-color:var(--color-status-critical);box-shadow:var(--shadow-alarm-glow)}.tank-card__head{align-items:center;gap:var(--space-sm);display:flex}.tank-card__code{font-weight:var(--font-weight-bold);font-size:var(--font-size-body)}.tank-card__state{font-size:var(--font-size-label);align-items:center;gap:6px;margin-left:auto;display:flex}.tank-card__batch{font-size:var(--font-size-label);color:var(--color-text-secondary)}.tank-card__metrics{row-gap:var(--space-xs);font-size:var(--font-size-label);color:var(--color-text-secondary);grid-template-columns:1fr auto;display:grid}.tank-card__value{text-align:right;font-size:var(--font-size-value);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.tank-card__value--critical{color:var(--color-status-critical)}.tank-card__value--empty{color:var(--color-text-muted)}.alarm-list{gap:var(--space-sm);flex-direction:column;display:flex}.alarm-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-card-padding);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:left;width:100%;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);display:flex}.alarm-item:hover{border-color:var(--color-border-strong)}.alarm-item--critical{background:var(--color-status-surface-critical);border-color:var(--color-status-critical)}.alarm-item__body{flex:1;min-width:0}.alarm-item__title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.alarm-item__summary{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-top:2px}.alarm-item__meta{font-size:var(--font-size-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge{border-radius:var(--radius-sm);height:20px;font-size:var(--font-size-caption);border:var(--border-width) solid currentColor;background:0 0;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.badge--critical{color:var(--color-status-critical)}.badge--warning{color:var(--color-status-warning)}.badge--notice{color:var(--color-brand-primary)}.badge--recovered{color:var(--color-status-recovered)}.badge--standby{color:var(--color-status-standby)}.btn{height:32px;padding:0 var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-body);border:var(--border-width) solid transparent;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard);justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn--primary{background:var(--color-brand-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.btn--alarm{background:var(--color-status-critical);color:#fff;font-weight:var(--font-weight-medium)}.btn--ghost{border-color:var(--color-border-strong);color:var(--color-text-primary);background:0 0}.btn--ghost:hover{background:var(--color-surface-raised)}.btn:disabled{opacity:.4;cursor:not-allowed}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-body)}.data-table th{background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-align:left;padding:var(--space-sm) var(--space-md);position:sticky;top:0}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-border-subtle);height:42px}.data-table tr:hover td{background:var(--color-surface-raised)}.data-table .num{text-align:right}.table-scroll{max-width:100%;overflow-x:auto}.tank-table{min-width:1000px}.login-page{justify-content:center;align-items:center;gap:var(--space-xl);min-height:100vh;padding:var(--space-xl);background:var(--color-surface-page);flex-direction:column;display:flex}.login-brand{text-align:center}.login-brand__name{font-size:28px;font-weight:var(--font-weight-bold)}.login-brand__sub{color:var(--color-text-secondary);margin-top:var(--space-sm);font-size:var(--font-size-body)}.role-grid{gap:var(--space-gutter);grid-template-columns:repeat(4,260px);display:grid}.role-card{gap:var(--space-sm);padding:var(--space-panel-padding);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:left;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);flex-direction:column;display:flex}.role-card:hover{border-color:var(--color-border-strong)}.role-card--selected{border-color:var(--color-brand-primary)}.role-card__title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.role-card__desc{font-size:var(--font-size-label);color:var(--color-text-secondary);min-height:34px}.role-card__scope{font-size:var(--font-size-caption);color:var(--color-text-muted)}.login-note{max-width:720px;color:var(--color-text-secondary);font-size:var(--font-size-label);text-align:center;line-height:1.7}.module-scope{font-size:var(--font-size-label);color:var(--color-text-muted);border-left:3px solid var(--color-brand-primary-dim);padding-left:var(--space-sm)}.object-link-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.object-link{border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-label);color:var(--color-text-primary);font-variant-numeric:tabular-nums;padding:6px 10px}.object-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.status-page{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.status-page__code{font-size:64px;font-weight:var(--font-weight-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.status-page__desc{color:var(--color-text-secondary);text-align:center;max-width:480px;line-height:1.7}.overview-layout{grid-template-columns:1fr var(--layout-rail-width);gap:var(--space-gutter);align-items:start;display:grid}.overview-main{gap:var(--space-gutter);flex-direction:column;min-width:0;display:flex}.rail{gap:var(--space-gutter);flex-direction:column;display:flex}.focus-card__suggestion{padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border-radius:var(--radius-sm);font-size:var(--font-size-label);color:var(--color-text-primary);margin-top:10px}.metric-grid{gap:var(--space-gutter);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-block{padding:var(--space-card-padding);background:var(--color-surface-raised);border-radius:var(--radius-md);flex-direction:column;gap:4px;min-width:0;display:flex}.metric-block--compact{padding:var(--space-sm);gap:2px}.metric-block__label{font-size:var(--font-size-caption);color:var(--color-text-muted)}.metric-block__value{font-size:var(--font-size-value);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.metric-block__sub{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.filter-bar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-height:40px;display:flex}.trend-panel__head{justify-content:space-between;align-items:center;gap:var(--space-gutter);flex-wrap:wrap;display:flex}.trend-window{gap:var(--space-sm);display:flex}.trend-window__btn{height:28px;padding:0 var(--space-sm);font-size:var(--font-size-label)}.trend-window__btn[aria-pressed=true]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-surface-raised)}.trend-note{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-top:8px}.trend-note--critical{color:var(--color-status-critical)}.model-chart-grid{gap:var(--space-gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.model-chart-cell{min-width:0}.model-summary{align-items:center;gap:var(--space-gutter);flex-wrap:wrap;display:flex}.model-summary .metric-block{flex:1;min-width:220px}@media (max-width:1439px){.overview-layout{grid-template-columns:1fr var(--layout-rail-width-narrow)}.tank-grid{grid-template-columns:repeat(4,1fr)}}.batch-steps{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none;display:flex}.batch-steps__step{font-size:var(--font-size-label);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.batch-steps__dot{border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border-strong);width:22px;height:22px;font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.batch-steps__step--done{color:var(--color-text-secondary)}.batch-steps__step--done .batch-steps__dot{background:var(--color-surface-raised);color:var(--color-text-secondary)}.batch-steps__step--current{color:var(--color-brand-primary);font-weight:var(--font-weight-medium)}.batch-steps__step--current .batch-steps__dot{border-color:var(--color-brand-primary);color:var(--color-brand-primary);border-width:2px}.batch-steps__sep{background:var(--color-border-subtle);width:24px;height:1px;margin:0 var(--space-xs)}.batch-cancel-form{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:12px;display:flex}.batch-cancel-form label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.batch-cancel-form input{min-width:260px;height:32px;padding:0 var(--space-sm);background:var(--color-surface-raised);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-body)}.batch-cancel-form input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.method-bar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.method-tabs{gap:var(--space-sm);flex-wrap:wrap;display:flex}.method-tab[aria-pressed=true]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-surface-raised)}.panel--method-active{border-color:var(--color-brand-primary)}.analysis-chart{margin-top:var(--space-sm)}.point-list{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.point-list__label{font-size:var(--font-size-label);color:var(--color-text-muted)}.point-chip{font-size:var(--font-size-label);padding:4px 10px}.point-chip--active,.point-chip[aria-pressed=true]{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.point-detail{gap:var(--space-xl);margin:var(--space-md) 0 0;padding:var(--space-card-padding);background:var(--color-surface-raised);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.point-detail dt{font-size:var(--font-size-caption);color:var(--color-text-muted)}.point-detail dd{font-size:var(--font-size-body);font-variant-numeric:tabular-nums}.model-card-grid{gap:var(--space-gutter);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.model-card{padding:var(--space-card-padding);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;margin:0;display:flex}.model-card--active{border-color:var(--color-brand-primary);box-shadow:var(--shadow-raised)}.model-card__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.model-card__method{font-weight:var(--font-weight-bold);color:var(--color-brand-primary)}.model-card__row{justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-label);display:flex}.model-card__row dt{color:var(--color-text-muted);flex-shrink:0}.model-card__row dd{color:var(--color-text-secondary);text-align:right;overflow-wrap:anywhere}.drawer-overlay{z-index:var(--z-modal);background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--color-surface-panel);border-left:var(--border-width) solid var(--color-border-subtle);width:min(420px,92vw);height:100%;box-shadow:var(--shadow-modal);padding:var(--space-panel-padding);animation:drawer-in var(--motion-duration-base) var(--motion-easing-entrance);overflow-y:auto}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.drawer__head{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.drawer__title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.drawer__note{margin:var(--space-md) 0;font-size:var(--font-size-label);color:var(--color-text-secondary);border-left:3px solid var(--color-brand-primary-dim);padding-left:var(--space-sm)}.drawer__methods{gap:var(--space-md);flex-direction:column;margin:0;display:flex}.drawer__method dt{font-weight:var(--font-weight-bold);color:var(--color-brand-primary)}.drawer__method dd{font-size:var(--font-size-label);color:var(--color-text-secondary);margin:4px 0 0;line-height:1.6}.action-form{gap:var(--space-md);flex-direction:column;max-width:620px;margin-top:12px;display:flex}.action-form__row{gap:var(--space-md);flex-wrap:wrap;align-items:flex-end;display:flex}.action-form__field{font-size:var(--font-size-label);color:var(--color-text-secondary);flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.action-form__field textarea,.action-form__field input,.action-form__field select{padding:6px var(--space-sm);background:var(--color-surface-raised);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit}.action-form__field textarea{resize:vertical;min-height:64px}.action-form__field input,.action-form__field select{height:32px}.action-form__field textarea:focus-visible,.action-form__field input:focus-visible,.action-form__field select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.export-format-group{border:none;gap:16px;margin:12px 0;padding:0;display:flex}.export-format-group label{font-size:var(--font-size-body);align-items:center;gap:6px;display:inline-flex}.drawer__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.export-row-actions{gap:6px;display:inline-flex}.export-row-actions .btn{font-size:var(--font-size-label);padding:2px 8px}.device-stats{gap:var(--space-gutter);grid-template-columns:repeat(5,1fr);display:grid}.device-stat{background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-panel-padding);flex-direction:column;gap:4px;display:flex}.device-stat__label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.device-stat__value{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.record-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.record-list__item{border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-label)}.record-list__meta{color:var(--color-text-secondary);margin-top:4px}.record-form{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.record-form label{font-size:var(--font-size-label);color:var(--color-text-secondary);flex-direction:column;gap:4px;display:flex}.record-form textarea{resize:vertical;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-lg);min-height:72px;padding:var(--space-sm);font:inherit;background:var(--color-surface-panel);color:var(--color-text-primary)}.integ-grid{gap:var(--space-gutter);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:900px){.integ-grid{grid-template-columns:1fr}}.mapping-chips{margin-top:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.mapping-chip{border-radius:var(--radius-sm);height:22px;font-size:var(--font-size-caption);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-secondary);align-items:center;padding:0 8px;display:inline-flex}.mapping-chip--missing{border-style:dashed;border-color:var(--color-status-warning);color:var(--color-status-warning);background:0 0}.integ-detail{gap:8px var(--space-md);margin:var(--space-md) 0 0;font-size:var(--font-size-body);grid-template-columns:96px 1fr;display:grid}.integ-detail dt{font-size:var(--font-size-label);color:var(--color-text-muted)}.integ-detail dd{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0}.users-page-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.users-page-eyebrow{font-size:var(--font-size-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 2px}.demo-switch-tag{font-size:var(--font-size-caption);color:var(--color-text-muted);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px 8px}.demo-role-cards{gap:var(--space-md);margin:var(--space-md) 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.demo-role-card{border:var(--border-width) solid var(--color-border-subtle);border-top:3px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-surface-raised)}.demo-role-card:has(.badge-role-system_admin){border-top-color:var(--color-status-critical)}.demo-role-card:has(.badge-role-enterprise_manager){border-top-color:var(--color-status-recovered)}.demo-role-card:has(.badge-role-process_engineer){border-top-color:var(--color-status-warning)}.demo-role-card:has(.badge-role-site_operator){border-top-color:var(--color-status-running)}.demo-role-card-head{justify-content:space-between;align-items:center;display:flex}.demo-role-card-count{font-size:var(--font-size-title);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.demo-role-card-purpose{margin:var(--space-xs) 0 0;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.demo-role-card-scope{margin:var(--space-xs) 0 0;font-size:var(--font-size-caption);color:var(--color-text-muted)}.demo-role-card-actions{margin-top:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.demo-role-action{border-radius:var(--radius-sm);height:22px;font-size:var(--font-size-caption);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-secondary);align-items:center;padding:0 8px;display:inline-flex}.badge-role-system_admin{color:var(--color-status-critical)}.badge-role-enterprise_manager{color:var(--color-status-recovered)}.badge-role-process_engineer{color:var(--color-status-warning)}.badge-role-site_operator{color:var(--color-status-running)}.user-table{border-collapse:collapse;width:100%}.user-table th,.user-table td{text-align:left;padding:var(--space-sm);border-bottom:var(--border-width) solid var(--color-border-subtle)}.user-table tr.is-disabled td{color:var(--color-text-muted)}.site-chips{flex-wrap:wrap;gap:6px;display:flex}.site-chip{border-radius:var(--radius-sm);height:22px;font-size:var(--font-size-caption);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-secondary);align-items:center;padding:0 8px;display:inline-flex}.user-scope-feedback{margin:var(--space-sm) 0 0;font-size:var(--font-size-body)}.user-scope-feedback.is-ok{color:var(--color-status-running)}.user-scope-feedback.is-error{color:var(--color-status-critical)}.audit-section{margin-top:var(--space-lg)}.audit-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.audit-item{gap:var(--space-md);font-size:var(--font-size-caption);grid-template-columns:160px 1fr;display:grid}.audit-time,.audit-empty{color:var(--color-text-muted)}.drawer--users{width:320px;max-width:90vw;padding:var(--space-md);gap:var(--space-sm);background:var(--color-surface-panel);border-left:var(--border-width) solid var(--color-border-subtle);flex-direction:column;display:flex}.drawer-hint{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0}.drawer-sites{gap:var(--space-sm);display:grid}.drawer-site{align-items:center;gap:var(--space-sm);display:flex}.drawer-error{color:var(--color-status-critical);font-size:var(--font-size-caption);margin:0}.drawer-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:auto;display:flex}.context-bar__eyebrow{font-size:var(--font-size-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 2px}.device-stat{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard), background-color var(--motion-duration-fast) var(--motion-easing-standard)}.device-stat:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.device-stat__head{align-items:center;gap:6px;display:flex}.device-stat__icon{border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-strong);width:24px;height:24px;color:var(--color-brand-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.device-stat--amber .device-stat__icon{color:var(--color-status-warning);border-color:var(--color-status-warning)}.device-stat--cyan .device-stat__value{color:var(--color-brand-primary)}.device-stat--amber .device-stat__value{color:var(--color-status-warning)}.device-table tbody tr{transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.device-table tr.device-row--warning td{background:var(--color-status-surface-warning)}.device-table tr.device-row--offline td{color:var(--color-text-secondary)}.device-table tr.device-row--maintenance td:first-child{box-shadow:inset 3px 0 0 var(--color-status-maintenance)}.device-table tr.is-selected td{background:var(--color-surface-raised)}.device-table tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--color-brand-primary)}.drawer--device{flex-direction:column;padding:0;display:flex;overflow-y:hidden}.device-drawer__head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-panel-padding);background:var(--color-surface-overlay);border-bottom:var(--border-width) solid var(--color-border-subtle);flex:none;display:flex}.device-drawer__id{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.device-drawer__head-dot{background:var(--color-brand-primary);margin-top:2px}.device-drawer__body{padding:var(--space-panel-padding);flex:1;padding-bottom:0;overflow-y:auto}.device-drawer__body .drawer__note{margin-top:0}.device-drawer__metrics{gap:var(--space-sm);margin:0 0 var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-drawer__metric{padding:var(--space-sm);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:0}.device-drawer__metric dt{font-size:var(--font-size-caption);color:var(--color-text-muted)}.device-drawer__metric dd{font-size:var(--font-size-label);color:var(--color-text-primary);overflow-wrap:anywhere;margin:2px 0 0}.device-drawer__records{margin-bottom:var(--space-md)}.device-drawer__records .panel-title{font-size:var(--font-size-body);margin-bottom:var(--space-sm)}.device-drawer__footer{padding:var(--space-md) var(--space-panel-padding);background:var(--color-surface-overlay);border-top:var(--border-width) solid var(--color-border-subtle);flex:none;margin-top:0}.device-drawer__footer textarea{background:var(--color-surface-raised)}.integ-card{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);border-left-width:3px}.integ-card:hover{border-color:var(--color-border-strong)}.integ-card--ok{border-left-color:var(--color-status-recovered)}.integ-card--warn{border-left-color:var(--color-status-warning)}.integ-card--idle{border-left-color:var(--color-status-standby)}.integ-card__icon{color:var(--color-brand-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.integ-card__summary{align-items:baseline;gap:var(--space-md);margin-top:var(--space-sm);font-size:var(--font-size-label);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.integ-card__summary b{font-size:var(--font-size-value);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);margin-left:2px}.integ-card__summary-note{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-left:auto}.integ-status{align-items:center;gap:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.device-stat,.device-table tbody tr,.integ-card{transition:none}.main-nav__item:hover{transform:none}}.settings-form{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.settings-form__field{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.settings-form__label{font-weight:500}.settings-form__field input,.settings-form__field select{border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary);padding:8px 10px;font-size:14px}.settings-form__field input:disabled,.settings-form__field select:disabled{opacity:.65;cursor:not-allowed}.settings-form__field input:focus-visible,.settings-form__field select:focus-visible{outline:2px solid var(--color-focus-ring,currentColor);outline-offset:1px}.settings-summary{gap:var(--space-md);margin-bottom:var(--space-gutter);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.settings-summary__item{align-items:center;gap:var(--space-md);padding:var(--space-card-padding);background:var(--color-surface-panel);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex}.settings-summary__icon{border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border-strong);width:28px;height:28px;color:var(--color-brand-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-summary__value{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-summary__meta{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:2px}.settings-section-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.settings-chip{align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex}.settings-chip--demo{color:var(--color-text-muted);border-style:dashed}.settings-chip--sim{color:var(--color-status-running);border-color:var(--color-status-running)}.settings-chip--off{color:var(--color-status-standby)}.settings-metric-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.settings-metric{gap:var(--space-sm);padding:var(--space-card-padding);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.settings-metric__head{align-items:center;gap:var(--space-sm);display:flex}.settings-metric__icon{border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-strong);width:22px;height:22px;color:var(--color-brand-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-metric__name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-metric__unit{padding:1px var(--space-xs);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--color-text-muted);margin-left:auto}.settings-channels{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.settings-channel{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-card-padding);background:var(--color-surface-overlay);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex}.settings-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.settings-dot--on{background:var(--color-status-running);box-shadow:0 0 6px var(--color-status-running)}.settings-dot--off{background:var(--color-status-standby)}.settings-channel__name{min-width:40px;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-channel__select{margin-left:auto}.settings-plate{gap:var(--border-width);margin:var(--space-md) 0 0;background:var(--color-border-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid;overflow:hidden}.settings-plate__row{gap:var(--space-xs);padding:var(--space-card-padding);background:var(--color-surface-overlay);flex-direction:column;display:flex}.settings-plate__row dt{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.settings-plate__row dd{font-size:var(--font-size-body);color:var(--color-text-primary);margin:0}.settings-plate__hint{font-size:var(--font-size-caption);color:var(--color-text-muted)}.settings-plate__row--note{grid-column:1/-1}