:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: black}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:linear-gradient(135deg,#667eea,#764ba2);transition:color .25s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--md-sys-color-primary: #1e5a8e;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #2c3e50;--md-sys-color-on-primary-container: #d1e3f0;--md-sys-color-secondary: #546e7a;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #cfd8dc;--md-sys-color-on-secondary-container: #263238;--md-sys-color-tertiary: #607d8b;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #b0bec5;--md-sys-color-on-tertiary-container: #263238;--md-sys-color-error: #d32f2f;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffebee;--md-sys-color-on-error-container: #b71c1c;--md-sys-color-success: #2e7d32;--md-sys-color-on-success: #ffffff;--md-sys-color-success-container: #e8f5e9;--md-sys-color-on-success-container: #1b5e20;--md-sys-color-warning: #ff9800;--md-sys-color-on-warning: #000000;--md-sys-color-warning-container: #fff3e0;--md-sys-color-on-warning-container: #bf360c;--md-sys-color-surface: #fafafa;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-surface-variant: #ecf0f1;--md-sys-color-on-surface-variant: #44474e;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f5f5f5;--md-sys-color-surface-container: #eeeeee;--md-sys-color-surface-container-high: #e0e0e0;--md-sys-color-surface-container-highest: #d6d6d6;--md-sys-color-background: #fafafa;--md-sys-color-on-background: #1c1b1f;--md-sys-color-outline: #74777f;--md-sys-color-outline-variant: #c4c6d0;--md-sys-color-surface-tint: #1e5a8e;--md-sys-color-inverse-surface: #313033;--md-sys-color-inverse-on-surface: #f4eff4;--md-sys-color-inverse-primary: #a8c8ff;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0px 1px 3px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-level4: 0px 2px 3px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-level5: 0px 4px 4px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-typescale-display-large-font-size: 57px;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-large-font-weight: 400;--md-sys-typescale-display-medium-font-size: 45px;--md-sys-typescale-display-medium-line-height: 52px;--md-sys-typescale-display-medium-font-weight: 400;--md-sys-typescale-display-small-font-size: 36px;--md-sys-typescale-display-small-line-height: 44px;--md-sys-typescale-display-small-font-weight: 400;--md-sys-typescale-headline-large-font-size: 32px;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-large-font-weight: 400;--md-sys-typescale-headline-medium-font-size: 28px;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-medium-font-weight: 400;--md-sys-typescale-headline-small-font-size: 24px;--md-sys-typescale-headline-small-line-height: 32px;--md-sys-typescale-headline-small-font-weight: 400;--md-sys-typescale-title-large-font-size: 22px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-large-font-weight: 400;--md-sys-typescale-title-medium-font-size: 16px;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-medium-font-weight: 500;--md-sys-typescale-title-small-font-size: 14px;--md-sys-typescale-title-small-line-height: 20px;--md-sys-typescale-title-small-font-weight: 500;--md-sys-typescale-label-large-font-size: 14px;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-large-font-weight: 500;--md-sys-typescale-label-medium-font-size: 12px;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-medium-font-weight: 500;--md-sys-typescale-label-small-font-size: 11px;--md-sys-typescale-label-small-line-height: 16px;--md-sys-typescale-label-small-font-weight: 500;--md-sys-typescale-body-large-font-size: 16px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-font-weight: 400;--md-sys-typescale-body-medium-font-size: 14px;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-medium-font-weight: 400;--md-sys-typescale-body-small-font-size: 12px;--md-sys-typescale-body-small-line-height: 16px;--md-sys-typescale-body-small-font-weight: 400;--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-state-hover-opacity: .08;--md-sys-state-focus-opacity: .12;--md-sys-state-pressed-opacity: .12;--md-sys-state-dragged-opacity: .16;--hmi-alarm-critical: #c62828;--hmi-alarm-high: #d32f2f;--hmi-alarm-warning: #f57c00;--hmi-alarm-medium: #ffa726;--hmi-alarm-low: #42a5f5;--hmi-alarm-info: #2196f3}.md-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.md-primary-container{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md-secondary-container{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-elevation-1{box-shadow:var(--md-sys-elevation-level1)}.md-elevation-2{box-shadow:var(--md-sys-elevation-level2)}.md-elevation-3{box-shadow:var(--md-sys-elevation-level3)}.md-elevation-4{box-shadow:var(--md-sys-elevation-level4)}.md-elevation-5{box-shadow:var(--md-sys-elevation-level5)}.md-headline-large{font-size:var(--md-sys-typescale-headline-large-font-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-font-weight)}.md-headline-medium{font-size:var(--md-sys-typescale-headline-medium-font-size);line-height:var(--md-sys-typescale-headline-medium-line-height);font-weight:var(--md-sys-typescale-headline-medium-font-weight)}.md-title-large{font-size:var(--md-sys-typescale-title-large-font-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-font-weight)}.md-title-medium{font-size:var(--md-sys-typescale-title-medium-font-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-font-weight)}.md-body-large{font-size:var(--md-sys-typescale-body-large-font-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-font-weight)}.md-body-medium{font-size:var(--md-sys-typescale-body-medium-font-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-font-weight)}.md-label-large{font-size:var(--md-sys-typescale-label-large-font-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-font-weight)}.md-button{border-radius:var(--md-sys-shape-corner-full);padding:10px 24px;font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);border:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}.md-button-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-button-filled:hover{box-shadow:var(--md-sys-elevation-level1)}.md-button-outlined{background-color:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.md-button-text{background-color:transparent;color:var(--md-sys-color-primary)}.page-header{margin-bottom:2rem}.page-header h1{margin:0;font-size:var(--md-sys-typescale-headline-large-font-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-font-weight);color:var(--md-sys-color-on-surface)}.page-subtitle{margin:.5rem 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-font-size)}.status-card{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--md-sys-elevation-level1);transition:box-shadow .2s}.status-card:hover{box-shadow:var(--md-sys-elevation-level2)}.card-title{margin:0 0 1.5rem;font-size:var(--md-sys-typescale-title-large-font-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-font-weight);color:var(--md-sys-color-on-surface)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--md-sys-shape-corner-full);font-size:var(--md-sys-typescale-label-small-font-size);font-weight:var(--md-sys-typescale-label-small-font-weight);text-transform:uppercase;letter-spacing:.05em}.status-badge.online,.status-badge.idle,.status-badge.ready{background-color:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.status-badge.running,.status-badge.active{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.status-badge.warning,.status-badge.caution{background-color:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.status-badge.error,.status-badge.fault,.status-badge.offline{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.status-badge.maintenance,.status-badge.disabled{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.status-online,.status-idle,.status-ready{background-color:var(--md-sys-color-success-container)}.status-warning,.status-caution{background-color:var(--md-sys-color-warning-container)}.status-error,.status-fault,.status-offline{background-color:var(--md-sys-color-error-container)}.status-maintenance,.status-disabled{background-color:var(--md-sys-color-secondary-container)}.md-btn{padding:10px 24px;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);transition:box-shadow .2s,background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.md-btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-level1)}.md-btn-primary:hover{box-shadow:var(--md-sys-elevation-level2)}.md-btn-secondary{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);box-shadow:var(--md-sys-elevation-level1)}.md-btn-secondary:hover{box-shadow:var(--md-sys-elevation-level2)}.md-btn-outlined{background-color:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.md-btn-outlined:hover{background-color:rgba(var(--md-sys-color-primary),var(--md-sys-state-hover-opacity))}.md-btn-text{background-color:transparent;color:var(--md-sys-color-primary);box-shadow:none}.md-btn-text:hover{background-color:rgba(var(--md-sys-color-primary),var(--md-sys-state-hover-opacity))}.md-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);color:var(--md-sys-color-on-surface)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-font-size);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px #1e5a8e1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.38;cursor:not-allowed}.data-table{width:100%;border-collapse:collapse;background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;box-shadow:var(--md-sys-elevation-level1)}.data-table thead{background-color:var(--md-sys-color-surface-container-high)}.data-table th{padding:1rem;text-align:left;font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant)}.data-table td{padding:1rem;font-size:var(--md-sys-typescale-body-medium-font-size);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant)}.data-table tbody tr:hover{background-color:var(--md-sys-color-surface-container-low)}.data-table tbody tr:last-child td{border-bottom:none}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--md-sys-typescale-body-medium-font-size);color:var(--md-sys-color-on-surface-variant);font-weight:500}.detail-value{font-size:var(--md-sys-typescale-body-medium-font-size);color:var(--md-sys-color-on-surface);font-weight:600}.metric-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:1.25rem;text-align:center;box-shadow:var(--md-sys-elevation-level1);transition:box-shadow .2s}.metric-card:hover{box-shadow:var(--md-sys-elevation-level2)}.metric-label{font-size:var(--md-sys-typescale-label-medium-font-size);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;margin-bottom:.5rem}.metric-value{font-size:var(--md-sys-typescale-display-small-font-size);font-weight:700;color:var(--md-sys-color-on-surface)}.filter-bar{background-color:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);padding:1rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:var(--md-sys-elevation-level1)}.alert-box{padding:1rem 1.5rem;border-radius:var(--md-sys-shape-corner-medium);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.alert-box.info{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.alert-box.success{background-color:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.alert-box.warning{background-color:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.alert-box.error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--md-sys-color-surface-container-highest);border-top:4px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem;color:var(--md-sys-color-on-surface-variant)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:var(--md-sys-typescale-title-large-font-size);margin-bottom:.5rem;color:var(--md-sys-color-on-surface)}.empty-state-text{font-size:var(--md-sys-typescale-body-medium-font-size)}#app{width:100%;height:100vh;margin:0;padding:0;font-weight:400;overflow:hidden}a{text-decoration:none;color:var(--md-sys-color-primary);transition:color .1s}@media(hover:hover){a:hover{color:var(--md-sys-color-secondary)}}html,body{width:1920px;height:1080px;overflow:hidden;position:fixed;top:0;left:0}#app{width:1920px;height:1080px;overflow:hidden}.view-container{width:100%;height:100%;display:flex;flex-direction:column}.page-header{margin-bottom:.75rem;flex-shrink:0}.page-header h1{font-size:1.75rem;line-height:1.2;margin:0}.page-header .page-subtitle{font-size:.9rem;margin:.25rem 0 0}.section{padding:.75rem 1rem;margin-bottom:.75rem;border-radius:6px}.section h2{font-size:1.25rem;margin-bottom:.75rem;padding-bottom:.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.card{padding:.75rem;border-radius:6px}.card-header{font-size:1rem;margin-bottom:.5rem;padding-bottom:.5rem}table{font-size:.9rem}table th,table td{padding:.75rem .5rem}input,select,button{font-size:.95rem;padding:.6rem .75rem}.button-group{gap:.75rem}.modal-content{max-width:800px;max-height:85vh}.scrollable-content{overflow-y:auto;overflow-x:hidden}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.chart-container{width:100%;height:100%;min-height:200px;max-height:400px}.status-indicator{font-size:.85rem;padding:.25rem .75rem;border-radius:12px}@media(prefers-reduced-motion:no-preference){.fade-transition{transition:opacity .1s ease}}@media screen{html{min-width:1920px;max-width:1920px;min-height:1080px;max-height:1080px}}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.5rem!important}.mb-2{margin-bottom:.75rem!important}.mb-3{margin-bottom:1rem!important}.p-0{padding:0!important}.p-1{padding:.5rem!important}.p-2{padding:.75rem!important}.p-3{padding:1rem!important}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hw-accelerate{transform:translateZ(0);will-change:transform}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.report-date{color:#000}.hmi-layout[data-v-347a6046]{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--md-sys-color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.header-bar[data-v-347a6046]{display:grid;grid-template-columns:250px 1fr 800px;gap:2px;background-color:var(--md-sys-color-primary-container);box-shadow:var(--md-sys-elevation-level2)}.logo-section[data-v-347a6046]{background-color:var(--md-sys-color-primary-container);display:flex;align-items:center;justify-content:start;padding:.5rem}.logo-icon svg[data-v-347a6046]{color:var(--md-sys-color-on-primary-container)}.header-section[data-v-347a6046]{background-color:var(--md-sys-color-primary-container);padding:5px 0;display:flex;flex-direction:column;gap:.5rem}.section-title[data-v-347a6046]{margin:0;font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);color:var(--md-sys-color-on-primary-container);text-align:center}.alarm-section[data-v-347a6046]{min-height:90px}.alarm-summary[data-v-347a6046]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.alarm-badge[data-v-347a6046]{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-badge[data-v-347a6046]:hover{opacity:.8}.alarm-badge.critical[data-v-347a6046]{background-color:var(--hmi-alarm-critical);color:#fff;box-shadow:var(--md-sys-elevation-level1)}.alarm-badge.high[data-v-347a6046]{background-color:var(--hmi-alarm-high);color:#fff;box-shadow:var(--md-sys-elevation-level1)}.alarm-badge.warning[data-v-347a6046]{background-color:var(--hmi-alarm-warning);color:#fff;box-shadow:var(--md-sys-elevation-level1)}.alarm-badge.medium[data-v-347a6046]{background-color:var(--hmi-alarm-medium);color:#000;box-shadow:var(--md-sys-elevation-level1)}.alarm-badge.low[data-v-347a6046],.alarm-badge.info[data-v-347a6046]{background-color:var(--hmi-alarm-info);color:#fff;box-shadow:var(--md-sys-elevation-level1)}.no-alarms[data-v-347a6046]{display:flex;align-items:center;justify-content:center;height:100%}.status-ok[data-v-347a6046]{color:var(--md-sys-color-success);font-weight:600;font-size:var(--md-sys-typescale-body-large-font-size)}.view-all-btn[data-v-347a6046]{padding:.25rem .75rem;background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);border:none;border-radius:var(--md-sys-shape-corner-small);cursor:pointer;font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);box-shadow:var(--md-sys-elevation-level1);transition:box-shadow .2s}.view-all-btn[data-v-347a6046]:hover{box-shadow:var(--md-sys-elevation-level2)}.counters-section[data-v-347a6046]{min-height:90px}.counters-grid[data-v-347a6046]{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.counter-item[data-v-347a6046]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.counter-label[data-v-347a6046]{font-size:var(--md-sys-typescale-label-medium-font-size);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-label-medium-font-weight);text-transform:uppercase;opacity:.8}.counter-value[data-v-347a6046]{font-size:1.5rem;font-weight:700;color:var(--md-sys-color-on-primary-container);font-family:Courier New,monospace}.counter-value.error[data-v-347a6046]{color:var(--md-sys-color-error)}.main-container[data-v-347a6046]{display:flex;flex:1;overflow:hidden;background-color:var(--md-sys-color-surface-variant);gap:2px}.sidebar[data-v-347a6046]{width:250px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transition:width .3s ease;display:flex;flex-direction:column;position:relative;overflow:auto;box-shadow:var(--md-sys-elevation-level2)}.sidebar.collapsed[data-v-347a6046]{width:60px}.sidebar-toggle[data-v-347a6046]{position:absolute;top:10px;right:10px;background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);border:none;border-radius:var(--md-sys-shape-corner-small);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s,box-shadow .2s;box-shadow:var(--md-sys-elevation-level1)}.sidebar-toggle[data-v-347a6046]:hover{box-shadow:var(--md-sys-elevation-level2)}.toggle-icon[data-v-347a6046]{font-size:.9rem}.navigation[data-v-347a6046]{display:flex;flex-direction:column;height:100%}.nav-header[data-v-347a6046]{padding:1rem;border-bottom:1px solid rgba(255,255,255,.12)}.nav-header h3[data-v-347a6046]{margin:0;font-size:var(--md-sys-typescale-label-large-font-size);text-transform:uppercase;letter-spacing:1px;color:var(--md-sys-color-on-primary-container);opacity:.7}.nav-menu[data-v-347a6046]{list-style:none;padding:0;margin:0;flex:1}.nav-menu li[data-v-347a6046]{margin:0}.nav-section[data-v-347a6046]{padding:.6rem .5rem;font-size:var(--md-sys-typescale-label-small-font-size);font-weight:700;text-transform:uppercase;color:var(--md-sys-color-on-primary-container);letter-spacing:.05em;margin-top:1rem;border-top:1px solid rgba(255,255,255,.12);opacity:.7}.nav-section[data-v-347a6046]:first-child{margin-top:0;border-top:none}.nav-item[data-v-347a6046]{display:flex;align-items:center;color:var(--md-sys-color-on-primary-container);text-decoration:none;transition:background-color .2s;gap:.5rem;border-radius:var(--md-sys-shape-corner-small);margin:0 .5rem}.nav-item[data-v-347a6046]:hover{background-color:rgba(255,255,255,calc(var(--md-sys-state-hover-opacity)))}.nav-item.active[data-v-347a6046]{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);box-shadow:var(--md-sys-elevation-level1)}.nav-icon[data-v-347a6046]{font-size:1.5rem;min-width:24px}.nav-label[data-v-347a6046]{font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight)}.user-section[data-v-347a6046]{border-top:1px solid rgba(255,255,255,.12);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.user-info[data-v-347a6046]{display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-347a6046]{width:40px;height:40px;border-radius:var(--md-sys-shape-corner-full);background:linear-gradient(135deg,var(--md-sys-color-secondary) 0%,var(--md-sys-color-tertiary) 100%);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-secondary);font-weight:700;font-size:var(--md-sys-typescale-label-large-font-size);flex-shrink:0;box-shadow:var(--md-sys-elevation-level1)}.user-details[data-v-347a6046]{flex:1;min-width:0}.user-name[data-v-347a6046]{font-weight:600;font-size:var(--md-sys-typescale-body-medium-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-347a6046]{font-size:var(--md-sys-typescale-label-medium-font-size);color:var(--md-sys-color-on-primary-container);opacity:.7}.logout-btn[data-v-347a6046]{padding:.5rem 1rem;background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:box-shadow .2s;box-shadow:var(--md-sys-elevation-level1)}.logout-btn[data-v-347a6046]:hover{box-shadow:var(--md-sys-elevation-level2)}.logout-icon[data-v-347a6046]{font-size:1.2rem}.sidebar.collapsed .nav-item[data-v-347a6046]{justify-content:center;padding:1rem}.sidebar.collapsed .user-section[data-v-347a6046]{align-items:center}.sidebar.collapsed .logout-btn[data-v-347a6046]{width:40px;height:40px;padding:0;border-radius:50%}.sidebar.collapsed .logout-btn span[data-v-347a6046]:not(.logout-icon){display:none}.content-area[data-v-347a6046]{flex:1;background-color:var(--md-sys-color-surface);overflow-y:auto;padding:2rem}.status-bar[data-v-347a6046]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-level2);font-size:var(--md-sys-typescale-body-small-font-size);gap:2rem}.status-item[data-v-347a6046]{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.status-label[data-v-347a6046]{color:var(--md-sys-color-on-primary-container);font-weight:500;opacity:.7}.status-value[data-v-347a6046]{font-weight:600;color:var(--md-sys-color-on-primary-container)}.status-value.success[data-v-347a6046]{color:var(--md-sys-color-success)}.status-value.warning[data-v-347a6046]{color:var(--md-sys-color-warning)}.status-value.error[data-v-347a6046]{color:var(--md-sys-color-error)}.status-indicator[data-v-347a6046]{font-weight:600}.status-indicator.connected[data-v-347a6046]{color:var(--md-sys-color-success)}.status-indicator.disconnected[data-v-347a6046]{color:var(--md-sys-color-error)}.fade-enter-active[data-v-347a6046],.fade-leave-active[data-v-347a6046]{transition:opacity .3s ease}.fade-enter-from[data-v-347a6046],.fade-leave-to[data-v-347a6046]{opacity:0}.alarm-log[data-v-347a6046]{background-color:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);padding:2px;max-height:120px;font-size:12px;height:100%}.alarm-log h3[data-v-347a6046]{margin-top:0;border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:5px;color:var(--md-sys-color-on-primary-container)}.log-container[data-v-347a6046]{overflow-y:auto;max-height:110px}.log-item[data-v-347a6046]{padding:1px 3px;margin:2px 0;border-left:3px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-primary-container)}.log-time[data-v-347a6046]{font-family:monospace;margin-right:8px;color:var(--md-sys-color-on-primary-container)}.log-type[data-v-347a6046]{font-weight:700;margin-right:8px}.log-item.critical[data-v-347a6046],.log-item.high[data-v-347a6046]{border-left-color:var(--hmi-alarm-critical);background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.log-item.warning[data-v-347a6046],.log-item.medium[data-v-347a6046]{border-left-color:var(--hmi-alarm-warning);background-color:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}.log-item.info[data-v-347a6046],.log-item.low[data-v-347a6046]{border-left-color:var(--hmi-alarm-info);background-color:#2196f31a;color:var(--md-sys-color-on-primary-container)}.log-no-alarms[data-v-347a6046]{color:#8fbc8f;font-weight:600}.modal-overlay[data-v-c3296f89]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container[data-v-c3296f89]{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%;animation:slideDown-c3296f89 .3s ease-out}@keyframes slideDown-c3296f89{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-c3296f89]{padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-c3296f89]{margin:0;font-size:1.25rem;font-weight:600;color:#dc2626}.modal-body[data-v-c3296f89]{padding:20px}.modal-body p[data-v-c3296f89]{margin:0;color:#374151;line-height:1.5}.modal-footer[data-v-c3296f89]{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-primary[data-v-c3296f89]{background-color:#3b82f6;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-primary[data-v-c3296f89]:hover{background-color:#2563eb}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;position:fixed}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}.loading-screen,.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-secondary) 100%);color:#fff;text-align:center}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid white;border-radius:var(--md-sys-shape-corner-full);animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:var(--md-sys-typescale-title-large-font-size);font-weight:var(--md-sys-typescale-title-large-font-weight)}.login-container{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:3rem 4rem;border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level5);max-width:450px;width:90%}.login-header{margin-bottom:2rem}.login-logo{margin-bottom:1rem}.login-header h1{font-size:var(--md-sys-typescale-headline-medium-font-size);margin-bottom:.5rem;color:var(--md-sys-color-on-surface)}.login-header p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-font-size)}.login-button{width:100%;padding:1rem 2rem;font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:box-shadow .2s;margin-bottom:1rem;box-shadow:var(--md-sys-elevation-level2)}.login-button:hover{box-shadow:var(--md-sys-elevation-level3)}.login-button:active{box-shadow:var(--md-sys-elevation-level1)}.login-info{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-font-size);margin-top:1rem}