*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}.offline-banner{background-color:#ff9800;color:#fff;text-align:center;padding:8px;font-size:14px;position:fixed;top:0;left:0;right:0;z-index:9999}.sidebar-drawer .ant-drawer-content-wrapper{box-shadow:2px 0 8px #00000026!important}@media(max-width:767px){.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.ant-card{margin-bottom:12px!important}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal .ant-modal-body{padding:12px!important}.ant-form-item{margin-bottom:12px!important}.ant-statistic{text-align:center}.ant-layout-header{line-height:56px!important}.ant-input,.ant-input-affix-wrapper>input.ant-input,.ant-input-textarea textarea,.ant-select-selector,.ant-select-selection-search-input,.ant-picker-input>input,.ant-input-number-input,.ant-cascader-input,.ant-mentions textarea{font-size:16px!important}.ant-layout-content .ant-input,.ant-layout-content .ant-input-affix-wrapper,.ant-layout-content .ant-select-selector,.ant-layout-content .ant-picker,.ant-layout-content .ant-input-number{min-height:44px!important}.ant-layout-content .ant-input-textarea textarea{min-height:80px!important}html{overscroll-behavior:none}body.mobile-keyboard-open .ant-layout-header,body.mobile-keyboard-open .app-header{position:absolute!important}body.mobile-keyboard-open .ant-layout{min-height:auto!important}body.mobile-keyboard-open .mobile-bottom-nav{display:none!important}.ant-card-head{padding:0 12px!important}.ant-card-head-wrapper{flex-direction:column!important;align-items:flex-start!important;gap:8px;padding:12px 0!important}.ant-card-extra{margin-inline-start:0!important;width:100%}.ant-card-extra .ant-space{flex-wrap:wrap}.ant-card-extra .ant-btn{font-size:13px}.ant-card-body>div:first-child .ant-input-affix-wrapper{width:100%!important;flex-shrink:1!important}.ant-pagination{flex-wrap:wrap;justify-content:center;gap:4px}.ant-pagination-options{display:none!important}.ant-space{gap:8px!important;flex-wrap:wrap}.ant-tabs-nav{margin-bottom:12px!important}.ant-segmented-item-label{font-size:12px!important;padding:4px 8px!important}.ant-descriptions-item{padding-bottom:8px!important}.ant-alert{padding:8px 12px!important}.ant-alert-action{margin-inline-start:0!important}}@media(min-width:768px)and (max-width:1023px){.ant-modal{max-width:calc(100vw - 48px)!important}}[dir=rtl] body{font-family:Noto Sans Arabic,Cairo,Segoe UI,sans-serif}[dir=rtl] .sidebar-drawer .ant-drawer-content-wrapper{box-shadow:2px 0 8px #00000026!important}[dir=rtl] .ant-layout-sider{left:auto!important;right:0!important}[dir=rtl] .ant-layout-sider-trigger{text-align:center}[dir=rtl] .ant-layout-sider-zero-width-trigger{left:auto!important;right:-36px!important}[dir=rtl] .ant-layout-has-sider>.ant-layout{margin-left:0!important}[dir=rtl] .ant-dropdown,[dir=rtl] .ant-descriptions-item-label{text-align:right}@keyframes blink-urgent{0%,to{opacity:1}50%{opacity:.4}}.status-urgent{animation:blink-urgent 1.5s ease-in-out infinite}.checklist-visual-btn{min-width:100px;min-height:48px;border-radius:12px;font-size:15px;font-weight:600;border:2px solid #d9d9d9;background:#fafafa;color:#555;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;-webkit-user-select:none;user-select:none}.checklist-visual-btn:hover{border-color:#1565c0;background:#f0f5ff}.checklist-visual-btn:active{transform:scale(.95)}.checklist-visual-btn.selected-conforme{background:#52c41a;color:#fff;border-color:#52c41a;box-shadow:0 2px 8px #52c41a66}.checklist-visual-btn.selected-non-conforme{background:#ff4d4f;color:#fff;border-color:#ff4d4f;box-shadow:0 2px 8px #ff4d4f66}.checklist-visual-btn.selected-na{background:#d9d9d9;color:#555;border-color:#bfbfbf}@media(max-width:767px){.checklist-visual-btn{min-width:unset;width:100%;min-height:44px;font-size:14px}}.ant-pagination .ant-select .ant-select-selector{cursor:pointer!important}.ant-pagination .ant-select .ant-select-selector .ant-select-selection-search-input{cursor:pointer!important;pointer-events:none!important;caret-color:transparent!important}.ant-pagination .ant-select .ant-select-selection-search{pointer-events:none!important}.ant-layout-sider-children{display:flex;flex-direction:column;overflow:hidden}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-scroll-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sidebar-toggle-btn:hover>div{background:#ffffff26!important;color:#fff!important}.profile-switcher-select .ant-select-selector{background:transparent!important;color:#fff!important;padding:0!important}.profile-switcher-select .ant-select-selection-item{color:#fff!important;font-weight:500;font-size:13px}.profile-switcher-select .ant-select-arrow{color:#ffffff73!important}.profile-switcher-select.ant-select-disabled .ant-select-selection-item{color:#ffffff59!important}.language-selector .ant-select-selector{border-radius:20px!important;font-size:13px!important;min-height:unset!important;height:28px!important}.language-selector .ant-select-selection-item{line-height:26px!important}.fullcalendar-wrapper{--fc-border-color: #f0f0f0;--fc-today-bg-color: #e6f7ff;--fc-page-bg-color: #fff;--fc-neutral-bg-color: #fafafa;--fc-list-event-hover-bg-color: #f0f5ff;--fc-button-bg-color: #fff;--fc-button-border-color: #d9d9d9;--fc-button-text-color: #595959;--fc-button-hover-bg-color: #f5f5f5;--fc-button-hover-border-color: #1890ff;--fc-button-active-bg-color: #1890ff;--fc-button-active-border-color: #1890ff}.fullcalendar-wrapper .fc{font-family:inherit}.fullcalendar-wrapper .fc .fc-button{border-radius:6px;font-size:13px;padding:4px 12px;font-weight:500;text-transform:none;box-shadow:none;transition:all .2s}.fullcalendar-wrapper .fc .fc-button:focus{box-shadow:0 0 0 2px #1890ff33}.fullcalendar-wrapper .fc .fc-button-active{background-color:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.fullcalendar-wrapper .fc .fc-button-group .fc-button{border-radius:0}.fullcalendar-wrapper .fc .fc-button-group .fc-button:first-child{border-radius:6px 0 0 6px}.fullcalendar-wrapper .fc .fc-button-group .fc-button:last-child{border-radius:0 6px 6px 0}.fullcalendar-wrapper .fc .fc-toolbar-title{font-size:18px;font-weight:600;color:#262626}.fullcalendar-wrapper .fc .fc-daygrid-day{transition:background-color .15s}.fullcalendar-wrapper .fc .fc-daygrid-day:hover{background-color:#f9f9f9}.fullcalendar-wrapper .fc .fc-daygrid-day-number{font-size:13px;color:#595959;padding:6px 8px}.fullcalendar-wrapper .fc .fc-day-today .fc-daygrid-day-number{font-weight:700;color:#1890ff}.fullcalendar-wrapper .fc .fc-daygrid-event{border-radius:4px;border:none;margin:1px 2px;font-size:12px}.fullcalendar-wrapper .fc .fc-event{cursor:pointer;transition:opacity .15s,transform .15s}.fullcalendar-wrapper .fc .fc-event:hover{opacity:.85;transform:translateY(-1px)}.fullcalendar-wrapper .fc .fc-list-event{cursor:pointer}.fullcalendar-wrapper .fc .fc-list-event-dot{border-radius:50%}.fullcalendar-wrapper .fc .fc-list-day-cushion{background:#fafafa;font-weight:600;color:#262626}.fullcalendar-wrapper .fc .fc-daygrid-more-link{color:#1890ff;font-size:11px;font-weight:500}.fullcalendar-wrapper .fc .fc-col-header-cell{background:#fafafa;font-weight:600;font-size:13px;color:#595959;padding:8px 0}.fullcalendar-wrapper .fc .fc-timegrid-slot{height:40px}@media(max-width:767px){.fullcalendar-wrapper .fc .fc-toolbar{flex-direction:column;gap:8px}.fullcalendar-wrapper .fc .fc-toolbar-title{font-size:16px}.fullcalendar-wrapper .fc .fc-button{font-size:12px;padding:3px 8px}}[dir=rtl] .fullcalendar-wrapper .fc .fc-button-group .fc-button:first-child{border-radius:0 6px 6px 0}[dir=rtl] .fullcalendar-wrapper .fc .fc-button-group .fc-button:last-child{border-radius:6px 0 0 6px}body.font-large{font-size:17px}body.font-large .ant-table,body.font-large .ant-descriptions{font-size:16px}body.font-large .ant-card-head-title{font-size:19px}body.font-large .ant-statistic-title{font-size:16px}body.font-large .ant-statistic-content-value{font-size:28px}body.font-large .ant-btn,body.font-large .ant-input,body.font-large .ant-input-textarea textarea,body.font-large .ant-select-selector{font-size:16px}body.font-large .ant-form-item-label>label{font-size:16px}body.font-large .ant-menu-item,body.font-large .ant-menu-submenu-title,body.font-large .ant-breadcrumb{font-size:15px}body.font-large .ant-typography h1{font-size:34px}body.font-large .ant-typography h2{font-size:28px}body.font-large .ant-typography h3{font-size:22px}body.font-large .ant-typography h4{font-size:19px}body.font-large .ant-typography h5{font-size:17px}body.font-large .ant-tag{font-size:14px}body.font-large .ant-tabs-tab{font-size:16px}body.font-large .ant-modal-title{font-size:19px}body.font-large .ant-alert-message{font-size:16px}body.font-large .ant-tooltip-inner{font-size:15px}body.font-xlarge{font-size:20px}body.font-xlarge .ant-table{font-size:18px}body.font-xlarge .ant-table-thead>tr>th{font-size:17px;padding:14px 16px}body.font-xlarge .ant-table-tbody>tr>td{padding:14px 16px}body.font-xlarge .ant-descriptions{font-size:18px}body.font-xlarge .ant-card-head-title{font-size:22px}body.font-xlarge .ant-statistic-title{font-size:18px}body.font-xlarge .ant-statistic-content-value{font-size:32px}body.font-xlarge .ant-btn{font-size:18px;height:auto;min-height:40px;padding:6px 20px}body.font-xlarge .ant-input,body.font-xlarge .ant-input-textarea textarea,body.font-xlarge .ant-select-selector{font-size:18px}body.font-xlarge .ant-form-item-label>label{font-size:18px}body.font-xlarge .ant-menu-item,body.font-xlarge .ant-menu-submenu-title,body.font-xlarge .ant-breadcrumb{font-size:17px}body.font-xlarge .ant-typography h1{font-size:38px}body.font-xlarge .ant-typography h2{font-size:32px}body.font-xlarge .ant-typography h3{font-size:26px}body.font-xlarge .ant-typography h4{font-size:22px}body.font-xlarge .ant-typography h5{font-size:20px}body.font-xlarge .ant-tag{font-size:16px;padding:2px 10px}body.font-xlarge .ant-tabs-tab{font-size:18px}body.font-xlarge .ant-modal-title{font-size:22px}body.font-xlarge .ant-alert-message{font-size:18px}body.font-xlarge .ant-tooltip-inner,body.font-xlarge .ant-pagination,body.font-xlarge .ant-empty-description{font-size:17px}body.high-contrast{--primary-color: #0050b3}body.high-contrast .ant-card{border:2px solid #333}body.high-contrast .ant-tag{font-weight:700;border-width:2px}body.high-contrast .ant-descriptions-bordered .ant-descriptions-item-label{font-weight:700;background:#e6e6e6}body.high-contrast .ant-table-thead>tr>th{font-weight:700;background:#e6e6e6!important;border-bottom:2px solid #333}body.high-contrast .ant-table-tbody>tr>td{border-bottom:1px solid #999}body.high-contrast .ant-btn-primary{font-weight:700}body.high-contrast .ant-btn-default{border-width:2px;font-weight:600}body.high-contrast .ant-menu-item-selected{font-weight:700}body.high-contrast .ant-input,body.high-contrast .ant-input-textarea textarea,body.high-contrast .ant-select-selector{border-width:2px!important;border-color:#555!important}body.high-contrast .ant-input:focus,body.high-contrast .ant-input-textarea textarea:focus,body.high-contrast .ant-select-focused .ant-select-selector{border-color:#0050b3!important;box-shadow:0 0 0 3px #0050b34d!important}body.high-contrast .ant-form-item-label>label{font-weight:600;color:#111}body.high-contrast .ant-tabs-tab{font-weight:600}body.high-contrast .ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:700}body.high-contrast .ant-tabs-ink-bar{height:3px!important}body.high-contrast .ant-statistic-title{color:#333;font-weight:600}body.high-contrast .ant-statistic-content-value{color:#000}body.high-contrast .ant-alert{border-width:2px}body.high-contrast .ant-badge-status-text{color:#111}body.high-contrast .ant-modal-header{border-bottom:2px solid #333}body.high-contrast .ant-modal-footer{border-top:2px solid #333}body.high-contrast .ant-pagination-item{border-width:2px;font-weight:600}body.high-contrast .ant-pagination-item-active{border-color:#0050b3}body.high-contrast .ant-breadcrumb a{color:#0050b3;font-weight:600}body.high-contrast .ant-switch{border:2px solid #555}body.high-contrast .ant-switch-checked{border-color:#0050b3}body.high-contrast .ant-progress-text{color:#111!important;font-weight:700}body.high-contrast .ant-empty-description{color:#333}body.high-contrast .fullcalendar-wrapper{--fc-border-color: #666;--fc-today-bg-color: #d6eaff;--fc-neutral-bg-color: #e6e6e6}body.high-contrast .fullcalendar-wrapper .fc .fc-col-header-cell{background:#d9d9d9;color:#111;font-weight:700;border-bottom:2px solid #333}body.high-contrast .fullcalendar-wrapper .fc .fc-daygrid-day-number{color:#111;font-weight:600}body.high-contrast .fullcalendar-wrapper .fc .fc-day-today .fc-daygrid-day-number{color:#0050b3;font-weight:800}body.high-contrast .fullcalendar-wrapper .fc .fc-daygrid-event{border:2px solid currentColor;font-weight:600}body.high-contrast .fullcalendar-wrapper .fc .fc-toolbar-title{color:#111}body.high-contrast .fullcalendar-wrapper .fc .fc-button{border-width:2px;font-weight:600}body.high-contrast .fullcalendar-wrapper .fc .fc-list-day-cushion{background:#d9d9d9;color:#111;font-weight:700;border-bottom:2px solid #333}body.high-contrast .fullcalendar-wrapper .fc .fc-list-event-dot{border-width:6px}body.high-contrast .iot-zone-card{border:2px solid #555;border-inline-start-width:5px}body.high-contrast .iot-zone-card.warning{background:#fff3cd;border-inline-start-color:#c80}body.high-contrast .iot-zone-card.critical{background:#ffe0de;border-inline-start-color:#c00}body.high-contrast .iot-equipment-card{border:2px solid #555}body.high-contrast .recharts-cartesian-axis-tick-value{fill:#111!important;font-weight:600}body.high-contrast .recharts-legend-item-text{color:#111!important;font-weight:600}body.high-contrast .recharts-cartesian-grid line{stroke:#999!important}body.high-contrast .recharts-tooltip-wrapper .recharts-default-tooltip{border:2px solid #333!important;background:#fff!important}body.high-contrast .recharts-text{fill:#111!important}body.high-contrast .checklist-visual-btn{border-width:3px;font-weight:700}body.high-contrast .checklist-visual-btn.selected-conforme{border-color:#1a7a00;background:#2d8f00}body.high-contrast .checklist-visual-btn.selected-non-conforme{border-color:#c00;background:#d00}body.high-contrast .status-urgent{border:2px solid #cc0000}@media(max-width:767px){.kpi-chart-container{height:220px!important}.kpi-chart-container-sm{height:200px!important}.kpi-chart-container-lg{height:250px!important}.kpi-gauge-card .ant-card-body{padding:12px 8px!important}.kpi-gauge-card .ant-progress-dashboard .ant-progress-inner{width:75px!important;height:75px!important}.kpi-tabs .ant-tabs-nav{margin-bottom:12px!important}.kpi-tabs .ant-tabs-tab{padding:8px!important;font-size:13px!important}.ant-card-head-title{font-size:13px!important;white-space:normal!important}.kpi-stats-row .ant-card-body{padding:12px!important}.kpi-stat-card .ant-statistic-content-value{font-size:22px!important}}@media(min-width:768px)and (max-width:1023px){.kpi-chart-container{height:260px!important}.kpi-chart-container-sm{height:240px!important}.kpi-chart-container-lg{height:280px!important}}@media(min-width:1024px){.kpi-chart-container{height:320px!important}.kpi-chart-container-sm{height:280px!important}.kpi-chart-container-lg{height:350px!important}}@media(max-width:575px){.kpi-report-list .ant-list-item{flex-direction:column!important;align-items:flex-start!important}.kpi-report-list .ant-list-item-action{margin-inline-start:0!important;margin-top:8px!important}.kpi-report-list .ant-list-item-meta-avatar{margin-inline-end:8px!important}}@keyframes pulse{0%{box-shadow:0 0 #ff4d4f66}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.iot-zone-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.iot-zone-card{border-radius:10px;padding:14px 16px;background:#fff;border:1px solid #f0f0f0;border-inline-start:4px solid #52c41a;transition:all .3s}.iot-zone-card.warning{border-inline-start-color:#faad14;background:#fffbe6}.iot-zone-card.critical{border-inline-start-color:#ff4d4f;background:#fff2f0}.iot-zone-card:hover{box-shadow:0 2px 8px #00000014}.iot-equipment-card{border-radius:12px;transition:transform .2s,box-shadow .2s}.iot-equipment-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.iot-sensor-gauges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@keyframes iot-pulse-green{0%{box-shadow:0 0 #52c41a80}70%{box-shadow:0 0 0 8px #52c41a00}to{box-shadow:0 0 #52c41a00}}@keyframes iot-pulse-warning{0%{box-shadow:0 0 #faad1480}70%{box-shadow:0 0 0 8px #faad1400}to{box-shadow:0 0 #faad1400}}@keyframes iot-pulse-critical{0%{box-shadow:0 0 #ff4d4f80}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.iot-live-indicator{width:10px;height:10px;border-radius:50%;background:#52c41a;display:inline-block;animation:iot-pulse-green 2s ease-in-out infinite;flex-shrink:0}.iot-live-indicator.warning{background:#faad14;animation-name:iot-pulse-warning}.iot-live-indicator.critical{background:#ff4d4f;animation-name:iot-pulse-critical}.iot-arch-flow{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;padding:24px 0}.iot-arch-node{text-align:center;padding:20px;border-radius:12px;border:2px solid;min-width:160px;max-width:200px;transition:transform .2s}.iot-arch-node:hover{transform:scale(1.05)}.iot-arch-arrow{font-size:24px;color:#1890ff;padding:0 12px}@media(max-width:767px){.iot-zone-map{grid-template-columns:repeat(2,1fr)}.iot-arch-flow{flex-direction:column}.iot-arch-arrow{transform:rotate(0);padding:8px 0}.iot-arch-node{min-width:200px}}@media(max-width:480px){.iot-zone-map{grid-template-columns:1fr}}.mon-board{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e17;color:#e2e8f0;font-family:Inter,Segoe UI,sans-serif;display:flex;flex-direction:column;overflow:hidden;z-index:10000}.mon-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(180deg,#111827,#0f172a);border-bottom:1px solid #1e293b;flex-shrink:0;min-height:56px}.mon-topbar-left,.mon-topbar-right{display:flex;align-items:center;gap:16px}.mon-topbar-center{flex:1;display:flex;justify-content:center}.mon-logo{display:flex;align-items:center;gap:10px}.mon-logo-icon{font-size:26px;color:#29b6f6;filter:drop-shadow(0 0 8px rgba(41,182,246,.4))}.mon-logo-title{font-size:16px;font-weight:700;color:#f1f5f9;letter-spacing:.5px}.mon-logo-subtitle{font-size:10px;color:#64748b;letter-spacing:.3px}.mon-overall-status{display:flex;align-items:center;gap:8px;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px}.mon-overall-status.normal{background:#00e6761a;color:#00e676;border:1px solid rgba(0,230,118,.25)}.mon-overall-status.warning{background:#ffab001a;color:#ffab00;border:1px solid rgba(255,171,0,.25)}.mon-overall-status.critical{background:#ff17441a;color:#ff1744;border:1px solid rgba(255,23,68,.25);animation:mon-status-blink 1.5s infinite}@keyframes mon-status-blink{0%,to{opacity:1}50%{opacity:.6}}.mon-view-selector{display:flex;align-items:center;gap:4px;background:#1e293b;border-radius:12px;padding:4px}.mon-view-dot{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.mon-view-dot:hover{color:#94a3b8;background:#334155}.mon-view-dot.active{background:#29b6f6;color:#fff;box-shadow:0 2px 10px #29b6f64d}.mon-view-dot-label{font-size:12px;font-weight:500}.mon-nav-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s}.mon-nav-btn:hover{color:#e2e8f0;background:#334155}.mon-clock{text-align:end}.mon-clock-time{font-size:18px;font-weight:700;color:#f1f5f9;font-variant-numeric:tabular-nums;letter-spacing:1px}.mon-clock-date{font-size:10px;color:#64748b}.mon-ctrl-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#94a3b8;font-size:16px;cursor:pointer;transition:all .2s}.mon-ctrl-btn:hover{background:#334155;color:#e2e8f0;border-color:#475569}.mon-ctrl-btn.active{background:#29b6f626;border-color:#29b6f6;color:#29b6f6}.mon-ctrl-btn.exit{font-size:14px;font-weight:600}.mon-ctrl-btn.exit:hover{background:#ff174426;border-color:#ff1744;color:#ff1744}.mon-rotation-bar{height:3px;background:#1e293b;flex-shrink:0}.mon-rotation-progress{height:100%;background:linear-gradient(90deg,#29b6f6,#ab47bc);animation:mon-progress-fill linear forwards;width:0%}@keyframes mon-progress-fill{0%{width:0%}to{width:100%}}.mon-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px}.mon-view-content{animation:mon-fade-in .4s ease}@keyframes mon-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mon-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.mon-kpi-card{background:linear-gradient(135deg,#111827,#1e293b);border:1px solid #1e293b;border-radius:14px;padding:20px;text-align:center;transition:all .3s}.mon-kpi-card:hover{border-color:#334155;box-shadow:0 4px 20px #0000004d}.mon-kpi-icon{font-size:28px;margin-bottom:8px}.mon-kpi-value{font-size:42px;font-weight:800;line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums}.mon-kpi-unit{font-size:22px;font-weight:400;margin-inline-start:2px}.mon-kpi-label{font-size:13px;color:#64748b;font-weight:500}.mon-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mon-panel{background:#111827;border:1px solid #1e293b;border-radius:14px;overflow:hidden}.mon-panel-header{padding:12px 18px;border-bottom:1px solid #1e293b;font-size:14px;font-weight:600;color:#94a3b8;letter-spacing:.3px}.mon-chart-container{padding:16px;height:280px}.mon-zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.mon-zone-card{border-radius:10px;padding:12px 14px;background:#0f172a;border:1px solid #1e293b;border-inline-start:4px solid #00e676;transition:all .3s}.mon-zone-card.warning{border-inline-start-color:#ffab00;background:#ffab000d}.mon-zone-card.critical{border-inline-start-color:#ff1744;background:#ff17440d;animation:mon-zone-critical-pulse 2s infinite}@keyframes mon-zone-critical-pulse{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 20px #ff174414}}.mon-zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mon-zone-name{font-size:13px;font-weight:600;color:#e2e8f0}.mon-zone-info{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mon-zone-status{font-size:12px;font-weight:600}.mon-zone-count{font-size:11px;color:#475569}.mon-zone-alerts{font-size:11px;font-weight:600}.mon-pulse{width:10px;height:10px;border-radius:50%;background:#00e676;display:inline-block;flex-shrink:0;animation:mon-pulse-green 2s ease-in-out infinite}.mon-pulse.large{width:12px;height:12px}.mon-pulse.warning{background:#ffab00;animation-name:mon-pulse-warning}.mon-pulse.critical{background:#ff1744;animation-name:mon-pulse-critical}@keyframes mon-pulse-green{0%{box-shadow:0 0 #00e67680}70%{box-shadow:0 0 0 8px #00e67600}to{box-shadow:0 0 #00e67600}}@keyframes mon-pulse-warning{0%{box-shadow:0 0 #ffab0080}70%{box-shadow:0 0 0 8px #ffab0000}to{box-shadow:0 0 #ffab0000}}@keyframes mon-pulse-critical{0%{box-shadow:0 0 #ff174480}70%{box-shadow:0 0 0 8px #ff174400}to{box-shadow:0 0 #ff174400}}.mon-equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.mon-eq-card{background:linear-gradient(135deg,#111827,#0f172a);border:1px solid #1e293b;border-top:3px solid;border-radius:14px;padding:18px;transition:all .3s}.mon-eq-card:hover{border-color:#334155;box-shadow:0 4px 20px #0000004d}.mon-eq-card.warning{box-shadow:inset 0 0 30px #ffab000a}.mon-eq-card.critical{box-shadow:inset 0 0 30px #ff17440f;animation:mon-eq-critical 2s infinite}@keyframes mon-eq-critical{0%,to{border-color:#1e293b;border-top-color:inherit}50%{border-color:#ff17444d;border-top-color:inherit}}.mon-eq-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mon-eq-icon{font-size:24px;filter:drop-shadow(0 0 6px currentColor)}.mon-eq-info{flex:1}.mon-eq-name{display:block;font-size:14px;font-weight:600;color:#f1f5f9}.mon-eq-zone{display:block;font-size:11px;color:#475569}.mon-eq-gauges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mon-gauge-item{text-align:center;min-width:72px}.mon-gauge-value{font-size:13px;font-weight:700;line-height:1.1}.mon-gauge-unit{display:block;font-size:9px;font-weight:400;color:#64748b}.mon-gauge-label{display:block;font-size:10px;color:#475569;margin-top:2px}.mon-board .ant-progress .ant-progress-inner{background-color:#1e293b!important}.mon-board .ant-progress .ant-progress-text{color:#e2e8f0!important}.mon-alert-summary{display:flex;gap:16px;margin-bottom:20px}.mon-alert-stat{flex:1;display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:14px;background:#111827;border:1px solid #1e293b}.mon-alert-stat .anticon{font-size:30px}.mon-alert-stat.critical{border-color:#ff174440;background:linear-gradient(135deg,#111827,#ff17440f)}.mon-alert-stat.critical .anticon{color:#ff1744}.mon-alert-stat.warning{border-color:#ffab0040;background:linear-gradient(135deg,#111827,#ffab000f)}.mon-alert-stat.warning .anticon{color:#ffab00}.mon-alert-stat.info{border-color:#29b6f640;background:linear-gradient(135deg,#111827,#29b6f60f)}.mon-alert-stat.info .anticon{color:#29b6f6}.mon-alert-stat-value{font-size:36px;font-weight:800;color:#f1f5f9;font-variant-numeric:tabular-nums}.mon-alert-stat-label{font-size:13px;color:#64748b;font-weight:500}.mon-alert-feed{display:flex;flex-direction:column;gap:8px}.mon-alert-item{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:10px;background:#111827;border:1px solid #1e293b;transition:all .2s}.mon-alert-item.critical{border-inline-start:3px solid #ff1744;background:linear-gradient(90deg,#ff17440f,#111827 30%)}.mon-alert-item.warning{border-inline-start:3px solid #ffab00;background:linear-gradient(90deg,#ffab000a,#111827 30%)}.mon-alert-item.info{border-inline-start:3px solid #29b6f6}.mon-alert-severity{font-size:20px;flex-shrink:0;margin-top:2px}.mon-alert-item.critical .mon-alert-severity{color:#ff1744}.mon-alert-item.warning .mon-alert-severity{color:#ffab00}.mon-alert-item.info .mon-alert-severity{color:#29b6f6}.mon-alert-content{flex:1;min-width:0}.mon-alert-message{font-size:13px;color:#e2e8f0;margin-bottom:4px;line-height:1.4}.mon-alert-meta{display:flex;gap:16px;align-items:center}.mon-alert-time{font-size:11px;color:#475569;display:flex;align-items:center;gap:4px}.mon-alert-eq{font-size:11px;color:#64748b;background:#1e293b;padding:1px 8px;border-radius:4px}.mon-ticker{display:flex;align-items:center;background:linear-gradient(90deg,#ff174426,#111827 15%);border-top:1px solid rgba(255,23,68,.3);padding:6px 16px;flex-shrink:0;overflow:hidden}.mon-ticker-badge{display:flex;align-items:center;gap:6px;color:#ff1744;font-weight:700;font-size:12px;letter-spacing:1px;flex-shrink:0;margin-inline-end:16px;animation:mon-status-blink 1s infinite}.mon-ticker-scroll{flex:1;overflow:hidden}.mon-ticker-content{display:flex;gap:40px;animation:mon-ticker-scroll 30s linear infinite;white-space:nowrap}.mon-ticker-item{font-size:13px;color:#f87171}@keyframes mon-ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media(max-width:1200px){.mon-kpi-row{grid-template-columns:repeat(2,1fr)}.mon-overview-grid{grid-template-columns:1fr}.mon-kpi-value{font-size:32px}}@media(max-width:768px){.mon-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.mon-topbar-center{order:3;flex-basis:100%;justify-content:center}.mon-view-dot-label{display:none}.mon-kpi-row{grid-template-columns:repeat(2,1fr)}.mon-kpi-value{font-size:28px}.mon-equipment-grid{grid-template-columns:1fr}.mon-alert-summary{flex-direction:column}.mon-zone-grid{grid-template-columns:1fr}}