.btn{border-radius:var(--radius-pill);padding:10px 22px;cursor:pointer;font-weight:var(--fw-semibold);font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1}.btn:active{transform:translateY(1px)}.btn--primary{border:none;background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--ghost:hover{border-color:var(--color-primary)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--app-login-pad);background:var(--app-login-bg)}.login-card{width:100%;max-width:var(--app-login-card-max);background:var(--g-panel-bg);border-radius:var(--app-login-card-radius);border:1px solid var(--g-border);box-shadow:var(--shadow-md);padding:var(--app-login-card-pad);display:flex;flex-direction:column;gap:var(--app-login-card-gap)}.login-brand{display:flex;gap:var(--app-login-brand-gap);align-items:center;margin-bottom:var(--app-login-brand-margin)}.login-brand__logo{width:var(--app-login-logo-size);height:var(--app-login-logo-size);border-radius:var(--app-login-logo-radius);background:transparent;box-shadow:var(--brand-mark-shadow);border:1px solid color-mix(in oklab,var(--g-border) 40%,transparent);object-fit:cover;padding:0}.login-brand__text{display:flex;flex-direction:column;gap:var(--app-login-text-gap);min-width:0}.login-brand__title{font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--g-text-strong);font-size:1.05rem}.login-brand__sub{color:var(--color-muted);font-size:.9rem}.login-label{display:flex;flex-direction:column;gap:var(--app-login-label-gap);font-size:.9rem;color:var(--color-text)}.login-label input{border-radius:var(--app-login-field-radius);border:1px solid var(--color-border);padding:var(--app-login-input-pad);font-size:.95rem}.login-error{background:var(--tone-critical-bg);border:1px solid var(--tone-critical-bg);padding:var(--app-login-error-pad);border-radius:var(--app-login-field-radius);color:var(--color-critical);font-size:.9rem}.login-footnote{font-size:.85rem;color:var(--color-muted)}.link{border:none;background:transparent;padding:0;cursor:pointer;color:var(--color-primary);font-weight:600}.toast-host{position:fixed;right:16px;top:16px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{background:var(--g-panel-header);border:1px solid var(--g-border);border-radius:var(--radius-card);box-shadow:var(--nav-shadow);padding:10px 12px;display:flex;gap:12px;align-items:center;min-width:260px;max-width:380px;color:var(--g-text-strong)}.toast--success{border-color:var(--tone-success-bg)}.toast--warning{border-color:var(--tone-warning-bg)}.toast--critical{border-color:var(--tone-critical-bg)}.toast__close{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--g-text-muted)}:root{--layout-header-height: 64px;--layout-sidebar-width: 280px;--layout-sidebar-collapsed-width: 72px;--layout-content-max-width: 1600px;--layout-padding-sm: 12px;--layout-padding-md: 16px;--layout-padding-lg: 24px;--layout-padding-xl: 32px;--layout-gap-xs: 4px;--layout-gap-sm: 8px;--layout-gap-md: 12px;--layout-gap-lg: 16px;--layout-gap-xl: 24px;--layout-radius-sm: 4px;--layout-radius-md: 8px;--layout-radius-lg: 12px;--layout-radius-full: 9999px;--layout-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--layout-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--layout-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--layout-z-base: 1;--layout-z-header: 100;--layout-z-sidebar: 90;--layout-z-overlay: 200;--layout-z-modal: 300;--layout-z-toast: 400;--layout-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--layout-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--layout-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--layout-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--layout-header-bg: var(--background-primary, #ffffff);--layout-header-border: var(--border-primary, #e5e7eb);--layout-header-text: var(--text-primary, #111827);--layout-header-text-muted: var(--text-secondary, #6b7280);--layout-sidebar-bg: var(--background-secondary, #f9fafb);--layout-sidebar-border: var(--border-primary, #e5e7eb);--layout-sidebar-text: var(--text-primary, #374151);--layout-sidebar-text-muted: var(--text-secondary, #9ca3af);--layout-sidebar-hover-bg: var(--background-tertiary, #f3f4f6);--layout-sidebar-active-bg: var(--color-primary, #3b82f6);--layout-sidebar-active-text: #ffffff;--layout-content-bg: var(--background-primary, #ffffff);--layout-content-text: var(--text-primary, #111827);--layout-overlay-bg: rgba(0, 0, 0, .5);--layout-backdrop-blur: blur(4px);--layout-breakpoint-mobile: 768px;--layout-breakpoint-tablet: 1024px;--layout-breakpoint-desktop: 1280px}[data-theme=dark],[data-theme=dark-scada]{--layout-header-bg: var(--background-primary, #1f2937);--layout-header-border: var(--border-primary, #374151);--layout-header-text: var(--text-primary, #f9fafb);--layout-header-text-muted: var(--text-secondary, #9ca3af);--layout-sidebar-bg: var(--background-secondary, #111827);--layout-sidebar-border: var(--border-primary, #374151);--layout-sidebar-text: var(--text-primary, #f3f4f6);--layout-sidebar-text-muted: var(--text-secondary, #9ca3af);--layout-sidebar-hover-bg: var(--background-tertiary, #1f2937);--layout-content-bg: var(--background-primary, #1f2937);--layout-content-text: var(--text-primary, #f9fafb);--layout-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--layout-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--layout-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}.app-layout{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:var(--layout-sidebar-width) 1fr;grid-template-rows:var(--layout-header-height) 1fr;min-height:100vh;background:var(--layout-content-bg);color:var(--layout-content-text);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.app-layout--no-sidebar{grid-template-areas:"header header" "content content";grid-template-columns:1fr}.app-layout--sidebar-collapsed{grid-template-columns:var(--layout-sidebar-collapsed-width) 1fr}.app-layout--fullscreen{grid-template-areas:"content";grid-template-columns:1fr;grid-template-rows:1fr}.app-layout__header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-padding-lg);background:var(--layout-header-bg);border-bottom:1px solid var(--layout-header-border);box-shadow:var(--layout-shadow-sm);z-index:var(--layout-z-header);position:sticky;top:0;height:var(--layout-header-height)}.app-layout__header-left{display:flex;align-items:center;gap:var(--layout-gap-lg);flex:1;min-width:0}.app-layout__header-right{display:flex;align-items:center;gap:var(--layout-gap-md);flex-shrink:0}.app-layout__header-actions{display:flex;align-items:center;gap:var(--layout-gap-md)}.app-layout__status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--layout-sidebar-hover-bg);color:var(--layout-header-text-muted)}.app-layout__status-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.app-layout__status-label{color:var(--layout-header-text)}.app-layout__status-age{color:var(--layout-header-text-muted);font-weight:500;text-transform:none;letter-spacing:0}.app-layout__status-badge{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--color-critical, #d7263d);color:#fff;font-size:11px;line-height:18px;text-align:center}.app-layout__status--ok{color:var(--color-success)}.app-layout__status--warn{color:var(--color-warning)}.app-layout__status--crit{color:var(--color-critical)}.app-layout__status--neutral{color:var(--layout-header-text-muted)}.app-layout__icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:var(--layout-radius-md);color:var(--layout-header-text-muted);transition:all var(--layout-transition-fast);position:relative}.app-layout__icon-button:hover{background:var(--layout-sidebar-hover-bg);color:var(--layout-header-text)}.app-layout__icon-button:active{transform:scale(.95)}.app-layout__icon-button:focus-visible{outline:2px solid var(--layout-sidebar-active-bg);outline-offset:2px}.app-layout__brand{display:flex;align-items:center;gap:var(--layout-gap-md);cursor:pointer;text-decoration:none;color:inherit;flex-shrink:0}.app-layout__logo{width:40px;height:40px;object-fit:contain}.app-layout__brand-text{display:flex;flex-direction:column;gap:2px}.app-layout__brand-title{font-size:16px;font-weight:600;color:var(--layout-header-text);line-height:1.2}.app-layout__brand-subtitle{font-size:12px;color:var(--layout-header-text-muted);line-height:1.2}.app-layout__breadcrumbs{display:flex;align-items:center;gap:var(--layout-gap-sm);font-size:14px;color:var(--layout-header-text-muted);overflow:hidden}.app-layout__breadcrumb-item{display:flex;align-items:center;gap:var(--layout-gap-xs);white-space:nowrap}.app-layout__breadcrumb-link{color:var(--layout-header-text-muted);text-decoration:none;transition:color var(--layout-transition-fast)}.app-layout__breadcrumb-link:hover{color:var(--layout-header-text)}.app-layout__breadcrumb-separator{color:var(--layout-header-text-muted);opacity:.5}.app-layout__breadcrumb-current{color:var(--layout-header-text);font-weight:500}.app-layout__header-actions{display:flex;align-items:center;gap:var(--layout-gap-sm)}.app-layout__sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--layout-sidebar-bg);border-right:1px solid var(--layout-sidebar-border);height:calc(100vh - var(--layout-header-height));position:sticky;top:var(--layout-header-height);overflow-y:auto;overflow-x:hidden;z-index:var(--layout-z-sidebar);transition:width var(--layout-transition-base);width:var(--layout-sidebar-width)}.app-layout__sidebar--collapsed{width:var(--layout-sidebar-collapsed-width)}.app-layout__sidebar::-webkit-scrollbar{width:6px}.app-layout__sidebar::-webkit-scrollbar-track{background:transparent}.app-layout__sidebar::-webkit-scrollbar-thumb{background:var(--layout-sidebar-border);border-radius:3px}.app-layout__sidebar::-webkit-scrollbar-thumb:hover{background:var(--layout-sidebar-text-muted)}.app-layout__nav{flex:1;padding:var(--layout-padding-md) 0;overflow-y:auto}.app-layout__nav-group{margin-bottom:var(--layout-gap-lg)}.app-layout__nav-group-label{padding:var(--layout-padding-sm) var(--layout-padding-lg);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--layout-sidebar-text-muted);transition:opacity var(--layout-transition-fast)}.app-layout__sidebar--collapsed .app-layout__nav-group-label{opacity:0;height:0;padding:0;overflow:hidden}.app-layout__nav-items{display:flex;flex-direction:column;gap:var(--layout-gap-xs);padding:0 var(--layout-padding-sm)}.app-layout__nav-item{display:flex;align-items:center;gap:var(--layout-gap-md);padding:var(--layout-padding-sm) var(--layout-padding-md);border-radius:var(--layout-radius-md);color:var(--layout-sidebar-text);background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:all var(--layout-transition-fast);position:relative;width:100%}.app-layout__nav-item:hover{background:var(--layout-sidebar-hover-bg)}.app-layout__nav-item:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.app-layout__nav-item--active{background:var(--layout-sidebar-active-bg);color:var(--layout-sidebar-active-text);font-weight:600}.app-layout__nav-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.app-layout__nav-item-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.app-layout__nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--layout-transition-fast)}.app-layout__sidebar--collapsed .app-layout__nav-item-label{opacity:0;width:0}.app-layout__nav-item-badge{flex-shrink:0;padding:2px 6px;border-radius:var(--layout-radius-full);font-size:11px;font-weight:600;line-height:1.2;background:var(--color-primary, #3b82f6);color:#fff;transition:opacity var(--layout-transition-fast)}.app-layout__sidebar--collapsed .app-layout__nav-item-badge{opacity:0;width:0;padding:0}.app-layout__nav-item-badge--danger{background:var(--color-danger, #ef4444)}.app-layout__nav-item-badge--warning{background:var(--color-warning, #f59e0b)}.app-layout__nav-item-badge--success{background:var(--color-success, #10b981)}.app-layout__sidebar-footer{padding:var(--layout-padding-lg);border-top:1px solid var(--layout-sidebar-border);display:flex;flex-direction:column;gap:var(--layout-gap-sm)}.app-layout__collapse-toggle{display:flex;align-items:center;justify-content:center;padding:var(--layout-padding-sm);border-radius:var(--layout-radius-md);background:transparent;border:1px solid var(--layout-sidebar-border);color:var(--layout-sidebar-text);cursor:pointer;transition:all var(--layout-transition-fast)}.app-layout__collapse-toggle:hover{background:var(--layout-sidebar-hover-bg);border-color:var(--layout-sidebar-text-muted)}.app-layout__content{grid-area:content;min-height:calc(100vh - var(--layout-header-height));overflow-x:hidden;overflow-y:auto}.app-layout__content-wrapper{padding:var(--layout-padding-lg);max-width:var(--layout-content-max-width);margin:0 auto}.app-layout__content-wrapper--max-sm{max-width:640px}.app-layout__content-wrapper--max-md{max-width:768px}.app-layout__content-wrapper--max-lg{max-width:1024px}.app-layout__content-wrapper--max-xl{max-width:1280px}.app-layout__content-wrapper--max-full{max-width:none}.app-layout__content-wrapper--padding-none{padding:0}.app-layout__content-wrapper--padding-sm{padding:var(--layout-padding-sm)}.app-layout__content-wrapper--padding-md{padding:var(--layout-padding-md)}.app-layout__content-wrapper--padding-lg{padding:var(--layout-padding-lg)}.app-layout__page-header{margin-bottom:var(--layout-gap-xl)}.app-layout__page-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap-lg);margin-bottom:var(--layout-gap-sm)}.app-layout__page-title{font-size:24px;font-weight:700;color:var(--layout-content-text);margin:0;line-height:1.2}.app-layout__page-description{font-size:14px;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}.app-layout__page-actions{display:flex;align-items:center;gap:var(--layout-gap-sm);flex-shrink:0}.app-layout__user-menu{position:relative}.app-layout__user-trigger{display:flex;align-items:center;gap:var(--layout-gap-sm);padding:var(--layout-padding-sm) var(--layout-padding-md);border-radius:var(--layout-radius-md);background:transparent;border:1px solid var(--layout-header-border);color:var(--layout-header-text);cursor:pointer;transition:all var(--layout-transition-fast);font-size:14px}.app-layout__user-trigger:hover{background:var(--background-tertiary, #f3f4f6);border-color:var(--layout-sidebar-text-muted)}.app-layout__user-avatar{width:32px;height:32px;border-radius:var(--layout-radius-full);background:var(--color-primary, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.app-layout__user-info{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.app-layout__user-name{font-size:14px;font-weight:600;color:var(--layout-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout__user-email{font-size:12px;color:var(--layout-header-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-layout__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--layout-header-bg);border:1px solid var(--layout-header-border);border-radius:var(--layout-radius-lg);box-shadow:var(--layout-shadow-lg);padding:var(--layout-padding-sm) 0;z-index:var(--layout-z-overlay);opacity:0;transform:translateY(-8px);pointer-events:none;transition:all var(--layout-transition-fast)}.app-layout__user-dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.app-layout__user-menu-item{display:flex;align-items:center;gap:var(--layout-gap-md);padding:var(--layout-padding-sm) var(--layout-padding-lg);background:transparent;border:none;color:var(--layout-header-text);cursor:pointer;transition:background var(--layout-transition-fast);width:100%;text-align:left;font-size:14px}.app-layout__user-menu-item:hover{background:var(--background-tertiary, #f3f4f6)}.app-layout__user-menu-item--danger{color:var(--color-danger, #ef4444)}.app-layout__user-menu-divider{height:1px;background:var(--layout-header-border);margin:var(--layout-gap-xs) 0}.app-layout__mobile-overlay,.app-layout__sidebar-backdrop{display:none}@media (max-width: 1024px){.app-layout{grid-template-areas:"header" "content";grid-template-columns:1fr}.app-layout__sidebar{position:fixed;left:0;top:var(--layout-header-height);height:calc(100vh - var(--layout-header-height));transform:translate(-100%);transition:transform var(--layout-transition-base);z-index:var(--layout-z-sidebar)}.app-layout--sidebar-open .app-layout__sidebar{transform:translate(0)}.app-layout__sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--layout-overlay-bg);-webkit-backdrop-filter:var(--layout-backdrop-blur);backdrop-filter:var(--layout-backdrop-blur);z-index:calc(var(--layout-z-sidebar) - 1);opacity:0;pointer-events:none;transition:opacity var(--layout-transition-base)}.app-layout--sidebar-open .app-layout__sidebar-backdrop{opacity:1;pointer-events:auto}}@media (max-width: 768px){:root{--layout-header-height: 56px;--layout-padding-lg: 16px;--layout-padding-md: 12px}.app-layout__header{padding:0 var(--layout-padding-md)}.app-layout__brand-text,.app-layout__breadcrumbs{display:none}.app-layout__content-wrapper{padding:var(--layout-padding-md);width:100%;max-width:100%;margin:0}.app-layout__page-title{font-size:20px}.app-layout__user-info{display:none}}@media (max-width: 640px){.app-layout__header{gap:var(--layout-gap-sm)}.app-layout__header-left{min-width:0}.app-layout__brand{gap:var(--layout-gap-sm)}.app-layout__logo{width:32px;height:32px}.app-layout__header-right{flex-shrink:1;min-width:0;gap:var(--layout-gap-sm);flex-wrap:nowrap}.app-layout__header-actions{flex:1;min-width:0;flex-wrap:nowrap;justify-content:flex-end}.app-layout__status,.app-layout__theme-toggle{display:none}.app-layout__icon-button,.app-layout__mobile-toggle{width:32px;height:32px}}@media (max-width: 420px){.app-layout__header-actions{gap:var(--layout-gap-xs)}.app-layout__user-trigger{padding:6px 8px;gap:6px}.app-layout__user-avatar{width:28px;height:28px;font-size:12px}}.app-layout__mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--layout-radius-md);background:transparent;border:1px solid var(--layout-header-border);color:var(--layout-header-text);cursor:pointer;transition:all var(--layout-transition-fast)}.app-layout__mobile-toggle:hover{background:var(--background-tertiary, #f3f4f6)}@media (max-width: 1024px){.app-layout__mobile-toggle{display:flex}}.app-layout__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--layout-gap-lg)}.app-layout__loading-spinner{width:48px;height:48px;border:4px solid var(--layout-header-border);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:layout-spin 1s linear infinite}@keyframes layout-spin{to{transform:rotate(360deg)}}.app-layout__loading-text{font-size:16px;color:var(--layout-header-text-muted)}.app-layout__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--layout-gap-lg);padding:var(--layout-padding-xl);text-align:center}.app-layout__error-icon{width:64px;height:64px;color:var(--color-danger, #ef4444)}.app-layout__error-title{font-size:24px;font-weight:700;color:var(--layout-content-text);margin:0}.app-layout__error-message{font-size:16px;color:var(--text-secondary, #6b7280);margin:0;max-width:500px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 960px){.app-layout__header-right{flex-wrap:nowrap;justify-content:flex-end;min-width:0;flex-shrink:1}.app-layout__header-actions{flex-wrap:nowrap;gap:var(--layout-gap-sm);min-width:0;flex:1}.app-layout__status,.app-layout__status-age{display:none}}@media (max-width: 900px){.app-layout__theme-toggle{display:none}}@media print{.app-layout__header,.app-layout__sidebar{display:none}.app-layout{grid-template-areas:"content";grid-template-columns:1fr}}.site-selector{position:relative;display:inline-block}.site-selector--loading,.site-selector--empty{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-muted);font-size:.875rem}.site-selector__trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:240px}.site-selector__trigger:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.site-selector__trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.site-selector__trigger-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.site-selector__icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-primary)}.site-selector__trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;flex:1;min-width:0}.site-selector__label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.site-selector__value{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.site-selector__value-text{max-width:160px;overflow:hidden;text-overflow:ellipsis}.site-selector__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--color-muted);transition:transform .2s ease}.site-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:50;min-width:320px;max-width:400px;background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 10px 25px #00000026;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-selector__search{position:relative;padding:.75rem;border-bottom:1px solid var(--color-border)}.site-selector__search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--color-muted);pointer-events:none}.site-selector__search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.875rem;outline:none;transition:all .2s ease}.site-selector__search-input:focus{border-color:var(--color-primary);background-color:var(--color-panel)}.site-selector__search-input::placeholder{color:var(--color-muted)}.site-selector__options{max-height:400px;overflow-y:auto;padding:.5rem}.site-selector__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:transparent;border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;transition:all .15s ease;text-align:left}.site-selector__option:hover{background-color:var(--color-surface)}.site-selector__option--active{background-color:#3b82f61a}.site-selector__option--active:hover{background-color:#3b82f626}.site-selector__option-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.site-selector__option-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-muted)}.site-selector__option-status{flex-shrink:0;width:.5rem;height:.5rem}.site-selector__option-status-dot{width:100%;height:100%;border-radius:50%;background-color:var(--color-muted)}.site-selector__option-status--current .site-selector__option-status-dot{background-color:var(--color-success);animation:pulse-dot 2s infinite}.site-selector__option-status--stale .site-selector__option-status-dot{background-color:var(--color-warning)}.site-selector__option-status--offline .site-selector__option-status-dot,.site-selector__option-status--no_data .site-selector__option-status-dot{background-color:var(--color-muted)}.site-selector__option-text{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.site-selector__option-name{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-selector__option-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-muted)}.site-selector__option-code{padding:.125rem .375rem;background-color:var(--color-surface);border-radius:.25rem;font-family:var(--font-mono);font-size:.6875rem}.site-selector__plan-badge{padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:600;background:#3b82f626;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.site-selector__plan-badge.tier-free{background:#64748b2e;color:#64748b}.site-selector__plan-badge.tier-starter{background:#3b82f62e;color:#3b82f6}.site-selector__plan-badge.tier-professional{background:#a855f72e;color:#a855f7}.site-selector__plan-badge.tier-enterprise{background:#ea580c2e;color:#ea580c}.site-selector__plan-flag{padding:.1rem .4rem;border-radius:999px;font-size:.6rem;font-weight:600;background:#10b98126;color:#10b981;text-transform:uppercase;letter-spacing:.05em}.site-selector__option-check{flex-shrink:0;width:1.125rem;height:1.125rem;color:var(--color-primary)}.site-selector__divider{height:1px;margin:.5rem 0;background-color:var(--color-border)}.site-selector__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:var(--color-muted);font-size:.875rem}.site-selector__empty svg{width:2rem;height:2rem;opacity:.5}.site-selector__footer{padding:.75rem;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.site-selector__footer-text{font-size:.75rem;color:var(--color-muted)}.site-selector__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 900px){.site-selector__trigger{min-width:190px;padding:.55rem .75rem}.site-selector__value-text{max-width:140px}}@media (max-width: 720px){.site-selector__label,.site-selector__plan-badge,.site-selector__plan-flag{display:none}.site-selector__value-text{max-width:120px}}@media (max-width: 640px){.site-selector__trigger{min-width:160px;padding:.5rem .65rem;gap:.5rem}.site-selector__value-text{max-width:110px}.site-selector__dropdown{min-width:0;width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);left:50%;transform:translate(-50%)}}@media (max-width: 420px){.site-selector__trigger{min-width:130px}.site-selector__value-text{max-width:80px}}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;max-width:600px;margin:0 auto;text-align:center;min-height:60vh}.upgrade-prompt-icon-large{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.upgrade-prompt-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.upgrade-prompt-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.upgrade-prompt-benefits{background:var(--bg-secondary);border-radius:var(--border-radius, .5rem);padding:1.5rem;margin-bottom:2rem;text-align:left;width:100%}.upgrade-prompt-benefits h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.upgrade-prompt-benefits ul{list-style:none;padding:0;margin:0}.upgrade-prompt-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-success);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0}.upgrade-prompt-pricing{margin-bottom:2rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.price-currency{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.price-amount{font-size:3rem;font-weight:700;color:var(--color-primary)}.price-period{font-size:1rem;color:var(--text-secondary)}.current-plan{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.upgrade-prompt-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--border-radius, .5rem);cursor:pointer;transition:all .2s;margin-bottom:1rem;min-width:200px}.upgrade-prompt-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.upgrade-prompt-button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius, .5rem);cursor:pointer;transition:all .2s}.upgrade-prompt-button-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.upgrade-prompt-compact{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius, .5rem)}.upgrade-prompt-compact .upgrade-prompt-icon{font-size:2rem;opacity:.6}.upgrade-prompt-compact .upgrade-prompt-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.upgrade-prompt-compact .upgrade-prompt-text{margin:0;color:var(--text-primary);font-size:.875rem}.upgrade-prompt-compact .upgrade-prompt-button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;white-space:nowrap}.upgrade-prompt-compact .upgrade-prompt-button:hover{background:var(--color-primary);opacity:.9}@media (max-width: 768px){.upgrade-prompt{padding:2rem 1rem}.upgrade-prompt-title{font-size:1.5rem}.price-amount{font-size:2.5rem}.upgrade-prompt-compact{flex-direction:column;text-align:center}.upgrade-prompt-compact .upgrade-prompt-content{flex-direction:column}}.skeleton{display:inline-block;position:relative;overflow:hidden;background:#ffffff14;border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff3d,#fff0);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--text{height:12px;border-radius:6px}.skeleton--pill{border-radius:999px}.skeleton--rect{border-radius:12px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.page-skeleton{display:flex;flex-direction:column;gap:18px;padding:12px 0}.page-skeleton__header{display:grid;gap:10px;max-width:520px}.page-skeleton__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.page-skeleton__detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.page-skeleton__list{display:grid;gap:10px}.page-skeleton__card,.page-skeleton__row{width:100%}@media (max-width: 720px){.page-skeleton__grid,.page-skeleton__detail{grid-template-columns:1fr}}:root{--color-surface: #f6f7fb;--color-panel: #ffffff;--color-border: #e0e7ff;--color-muted: #64748b;--color-text: #0f172a;--color-text-secondary: #4c566a;--color-success: #10b981;--color-warning: #f97316;--color-critical: #ef4444;--color-primary: #2563eb;--radius-pill: 999px;--radius-card: 16px;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--background-primary: var(--color-surface);--background-secondary: var(--color-panel);--background-tertiary: rgba(255, 255, 255, .7);--background-card: rgba(255, 255, 255, .92);--background-overlay: rgba(15, 23, 42, .45);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-tertiary: rgba(100, 116, 139, .75);--text-muted: var(--color-muted);--border-primary: var(--color-border);--border-secondary: rgba(226, 231, 255, .6);--border-focus: rgba(37, 99, 235, .45);--border-hover: rgba(37, 99, 235, .2);--status-healthy: var(--color-success);--status-warning: var(--color-warning);--status-critical: var(--color-critical);--status-offline: rgba(100, 116, 139, .7);--font-sans: var(--font-body);--radius-full: var(--radius-pill);--radius-xl: var(--radius-card);--shadow-industrial: 0 18px 45px rgba(15, 23, 42, .16);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--fw-regular: 450;--fw-medium: 550;--fw-semibold: 650;--fw-bold: 750;--fw-heavy: 800;--fw-black: 900;--space-0: 0px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--space-9: 20px;--space-10: 24px;--space-11: 28px;--space-12: 32px;--space-13: 36px;--space-14: 40px;--nav-width: 260px;--nav-width-collapsed: 86px;--nav-width-max: 320px;--nav-mobile-offset: 12px;--content-min-height: 480px;--icon-btn-size: 38px;--brand-logo-size: 42px;--brand-logo-size-sm: 34px;--radius-logo: 10px;--radius-logo-sm: 8px;--header-radius-offset: 8px;--app-header-pad: 14px 16px;--app-header-pad-sm: 12px;--app-header-gap: 10px;--app-header-top-gap: 14px;--app-header-brand-gap: 10px;--app-header-brand-stack-gap: 2px;--app-header-brand-min: 220px;--app-header-logo: 42px;--app-header-logo-sm: 34px;--app-header-logo-radius: 10px;--app-header-logo-radius-sm: 8px;--app-header-product-size: .95rem;--app-header-context-size: .85rem;--app-header-context-max: 420px;--app-header-controls-gap: 10px;--app-header-icon-size: 38px;--app-header-icon-radius: 12px;--app-header-user-pad: 8px 10px;--app-header-user-gap: 10px;--app-header-user-size: .85rem;--app-header-user-max: 240px;--app-header-bottom-gap: 12px;--app-header-title-size: 1.15rem;--app-header-status-gap: 10px;--app-header-stat-gap: 8px;--app-header-stat-pad: 8px 10px;--app-header-stat-label: .7rem;--app-header-stat-value: .92rem;--nav-pad: 12px;--nav-pad-sm: 8px;--nav-gap: 12px;--nav-gap-sm: 8px;--nav-header-pad: 6px 6px 2px;--nav-header-gap: 10px;--nav-brand-gap: 10px;--nav-logo-size: 36px;--nav-logo-sm: 30px;--nav-logo-radius: 10px;--nav-logo-radius-sm: 8px;--nav-collapse-size: 34px;--nav-collapse-radius: 12px;--nav-radius-offset: 8px;--nav-product-size: .9rem;--nav-sub-size: .8rem;--nav-sub-gap: 2px;--nav-items-gap: 6px;--nav-items-gap-sm: 4px;--nav-item-pad: 11px 12px;--nav-item-pad-sm: 8px 8px;--nav-item-gap: 10px;--nav-item-size: .78rem;--nav-item-size-sm: .7rem;--nav-collapsed-items-gap: 8px;--nav-collapsed-item-pad: 12px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 10px 30px rgba(15, 23, 42, .15);--app-shell-bg: var(--color-surface);--app-login-bg: var(--color-surface);--app-login-pad: var(--space-10);--app-login-card-max: 420px;--app-login-card-pad: calc(var(--space-9) + var(--space-2));--app-login-card-gap: var(--space-5);--app-login-card-radius: calc(var(--radius-card) + var(--space-3));--app-login-brand-gap: var(--space-6);--app-login-brand-margin: var(--space-1);--app-login-logo-size: calc(var(--space-14) + var(--space-2));--app-login-logo-radius: var(--space-5);--app-login-text-gap: var(--space-1);--app-login-label-gap: var(--space-2);--app-login-input-pad: var(--space-4) var(--space-5);--app-login-field-radius: calc(var(--radius-card) - var(--space-2));--app-login-error-pad: var(--space-4) var(--space-5);--app-site-selector-min: 200px;--ui-soft-bg: rgba(255, 255, 255, .6);--ui-ghost-bg: rgba(255, 255, 255, .35);--ui-control-bg: rgba(255, 255, 255, .55);--ui-control-border: var(--color-border);--ui-divider: var(--color-border);--brand-mark-bg: radial-gradient(circle at top, rgba(37, 99, 235, .95), rgba(16, 185, 129, .85));--brand-mark-shadow: 0 10px 18px rgba(15, 23, 42, .18);--nav-bg: rgba(20, 28, 43, .85);--nav-shadow: 0 18px 45px rgba(0, 0, 0, .28);--nav-item-active-bg: rgba(37, 99, 235, .16);--nav-item-active-border: rgba(59, 130, 246, .35);--tone-critical-bg: rgba(239, 68, 68, .16);--tone-warning-bg: rgba(249, 115, 22, .16);--tone-success-bg: rgba(16, 185, 129, .16);--tone-primary-bg: rgba(37, 99, 235, .16);--chart-dot-fill: rgba(255, 255, 255, .9);--scada-panel-bg: var(--background-card);--scada-panel-header: var(--background-secondary);--scada-border: var(--border-secondary);--scada-text-strong: var(--text-primary);--scada-text-muted: var(--text-muted);--scada-gridline: var(--border-secondary);--g-panel-bg: var(--background-card);--g-panel-header: var(--background-secondary);--g-border: var(--border-secondary);--g-text-strong: var(--text-primary);--g-text-muted: var(--text-muted);font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-text)}a{color:inherit}#root{min-height:100vh}