.trend-section{background-color:#111;color:#fff;padding:24px;border-radius:12px;border:1px solid #262626;max-width:1200px;margin:0 auto;font-family:sans-serif}.trend-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7f1d1d;padding-bottom:12px;margin-bottom:20px}.trend-header h2{font-size:20px;font-weight:700;letter-spacing:.05em;color:#ef4444}.trend-badge{font-size:11px;background:#7f1d1d;color:#fecaca;padding:4px 10px;border-radius:20px;font-weight:600}.control-group{display:flex;flex-direction:column;gap:6px}.selected-tags-container{margin-bottom:20px;min-height:32px}.chips-wrapper{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;background-color:#1e1b4b;border:1px solid #312e81;padding:4px 10px;border-radius:6px;font-size:13px}.chip-color-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.chip-remove-btn{background:none;border:none;color:#ef4444;margin-left:8px;cursor:pointer;font-size:16px;line-height:1}.summary-card{background-color:#171717;border:1px solid #262626;padding:16px;border-radius:8px;text-align:center}.card-value{font-size:20px;font-weight:700;color:#fff}.chart-wrapper-box{background-color:#171717;border:1px solid #262626;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:480px}.chart-empty-state{color:#a3a3a3;font-size:14px;font-style:italic}.alarm-panel{margin-top:24px;padding:18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.alarm-create-box select,.alarm-create-box input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#fff;outline:none}.alarm-list-header{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.alarm-table-wrap{overflow-x:auto}.alarm-table th,.alarm-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;vertical-align:top}.alarm-action-text{display:inline-block;max-width:260px;color:#b8c0cc;line-height:1.4}.alarm-delete-btn{padding:7px 10px;border:none;border-radius:8px;background:rgba(255,60,60,.18);color:#ffbebe;font-weight:800;cursor:pointer}@media (max-width: 1100px){.alarm-create-box{grid-template-columns:1fr 90px 1fr}.alarm-create-box input:nth-of-type(2){grid-column:span 2}.alarm-create-box button{padding:11px}}@media (max-width: 768px){.alarm-create-box{grid-template-columns:1fr}.alarm-create-box input:nth-of-type(2){grid-column:auto}.alarm-panel-header{align-items:flex-start;flex-direction:column}}.alarm-search-box{margin:18px 0;padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.alarm-search-box input{min-width:210px}.alarm-pdf-btn{border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:700;background:#2f80ff;color:#fff}.alarm-search-pdf-btn{margin:0 0 12px;border:none;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;background:#4e0303;color:#fff}.alarm-search-box button{border:none;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.5px;color:#fff;background:#4e0303;transition:.2s ease}.history-db-control{margin-bottom:16px;padding:14px;border-radius:12px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.history-search-toolbar{align-items:end;gap:14px;flex-wrap:wrap}.history-search-toolbar input,.history-search-toolbar select{min-width:190px}.history-btn{border:none;border-radius:8px;padding:10px 14px;color:#fff;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:.2s ease}.scada-table-wrap.wide-table{width:100%;max-height:430px;overflow:auto;border-radius:12px}.scada-table-wrap.wide-table .scada-table{min-width:1200px}.scada-table-wrap.wide-table thead th{position:sticky;top:0;z-index:2}.scada-table-wrap.wide-table::-webkit-scrollbar{width:10px;height:10px}.scada-table-wrap.wide-table::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:10px}.scada-table-wrap.wide-table::-webkit-scrollbar-thumb{background:rgba(255,59,59,.75);border-radius:10px}.scada-table-wrap.wide-table::-webkit-scrollbar-thumb:hover{background:rgba(255,59,59,1)}.app,.dashboard-layout,.scada-layout,.main-layout{width:100%;max-width:100vw;overflow-x:hidden}.side-nav{flex-shrink:0}.scada-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.wide-table{width:100%;max-width:100%;overflow-x:auto}.wide-table .scada-table{width:max-content;min-width:100%;table-layout:auto}.scada-table-wrap::-webkit-scrollbar{height:8px}.scada-table-wrap::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55);border-radius:20px}.scada-table-wrap::-webkit-scrollbar-track{background:rgba(15,23,42,.35)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#f5f5f5;-webkit-user-select:none;user-select:none;min-height:100vh;background:linear-gradient(rgba(255,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.035) 1px,transparent 1px),radial-gradient(circle at top left,rgba(160,0,0,.45),transparent 35%),linear-gradient(135deg,#070707 0%,#130000 35%,#350000 70%,#050505 100%);background-size:38px 38px,38px 38px,auto,auto;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.025),transparent 8%,transparent 92%,rgba(255,0,0,.055));z-index:0}body:after{content:"";position:fixed;top:-120px;left:0;width:100%;height:120px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,0,0,.1),transparent);animation:scanLine 6s linear infinite;z-index:1}@keyframes scanLine{0%{top:-120px}to{top:100%}}.app-shell{position:relative;z-index:2;display:flex;width:100%;max-width:100vw;min-height:100vh;min-width:0;overflow-x:hidden}.side-nav{position:fixed;left:18px;top:18px;bottom:18px;width:270px;max-width:calc(100vw - 36px);padding:18px;border-radius:18px;border:1px solid rgba(255,55,55,.38);background:linear-gradient(180deg,rgba(12,0,0,.98),rgba(58,0,0,.92),rgba(5,5,5,.98));box-shadow:0 0 28px #9600005c,inset 0 0 28px #ff00000d;overflow-y:auto;flex-shrink:0}.side-logo-frame{width:100%;height:82px;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(95,0,0,.48));border:1px solid rgba(255,80,80,.36);box-shadow:0 0 18px #ff000038,inset 0 0 18px #ffffff09}.side-title{margin:14px 0;padding-bottom:12px;color:#ffb3b3;font-size:13px;font-weight:700;letter-spacing:2px;border-bottom:1px solid rgba(255,80,80,.25);text-align:center}.nav-list{display:flex;flex-direction:column;gap:10px}.nav-item{min-height:54px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;color:#ffe3e3;font-weight:700;letter-spacing:.8px;border-radius:6px;border:1px solid rgba(255,70,70,.28);background:linear-gradient(135deg,rgba(12,12,12,.96),rgba(52,0,0,.82)),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,18px 18px;transition:.18s ease}.nav-item:hover,.nav-item.active{color:#fff;border-color:#ff5f5fc2;background:linear-gradient(135deg,rgba(35,0,0,.98),rgba(150,0,0,.86),rgba(16,16,16,.98));box-shadow:0 0 18px #ff000057,inset 0 0 18px #ff000014;transform:translate(3px)}.main-panel{width:calc(100% - 306px);max-width:calc(100vw - 306px);min-width:0;margin-left:306px;padding:24px 24px 34px;overflow-x:hidden}.top-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;min-width:0;padding:20px;border:1px solid rgba(255,50,50,.45);border-radius:16px;background:linear-gradient(135deg,rgba(20,0,0,.95),rgba(70,0,0,.78),rgba(0,0,0,.95));box-shadow:0 0 28px #b4000059,inset 0 0 30px #ff000014}.brand-area{display:flex;align-items:center;gap:18px;min-width:0}.logo-frame{flex:0 0 auto;width:120px;height:72px;display:flex;align-items:center;justify-content:center;padding:2px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(95,0,0,.48));border:1px solid rgba(255,80,80,.36);box-shadow:0 0 18px #ff000038,inset 0 0 18px #ffffff09}.scada-logo{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.28))}.title-block{text-align:left;min-width:0}.title-block h1{margin:0;letter-spacing:2px;font-size:30px;color:#fff;text-shadow:0 0 18px rgba(255,0,0,.95);overflow-wrap:anywhere}.title-block p{margin:8px 0 0;color:#ffb3b3;font-size:14px;letter-spacing:1px;overflow-wrap:anywhere}.system-badge{min-width:230px;text-align:right;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.46);border:1px solid rgba(255,0,0,.35);overflow-wrap:anywhere}.badge-label{display:block;font-size:12px;color:#ff9a9a;letter-spacing:1px;margin-bottom:6px}.badge-value{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(255,0,0,.8)}.section{width:100%;min-width:0;margin-top:22px;padding:18px;border-radius:16px;border:1px solid rgba(255,55,55,.34);background:linear-gradient(135deg,rgba(10,10,10,.94),rgba(35,0,0,.76),rgba(0,0,0,.95));box-shadow:0 0 22px #64000059,inset 0 0 28px #ff00000b}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,60,60,.25)}.section-header h2{margin:0;font-size:20px;letter-spacing:1.5px;color:#fff}.section-tag{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#ffd2d2;background:rgba(120,0,0,.48);border:1px solid rgba(255,70,70,.35)}.switch-grid,.status-grid,.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.value-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{position:relative;overflow:hidden;padding:14px;border-radius:14px;text-align:left;background:linear-gradient(145deg,rgba(8,8,8,.98),rgba(42,0,0,.82)),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,18px 18px;border:1px solid rgba(255,65,65,.26);box-shadow:0 0 14px #000000a6,inset 0 0 16px #ff000009;transition:.22s ease}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#ff1f1f,transparent);opacity:.75}.card:hover,.card-editing{transform:translateY(-3px);border-color:#ff55559e;box-shadow:0 0 22px #c800005c,inset 0 0 16px #ff000014}label{display:block;margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:.8px;color:#ffd1d1}button{width:100%;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.7px;padding:11px 10px;color:#fff;cursor:pointer;transition:.18s ease;min-width:0}button:disabled{cursor:not-allowed;opacity:.58}.btn-switch{background:linear-gradient(135deg,#550000,#b40000,#230000);border:1px solid rgba(255,120,120,.35);box-shadow:0 0 14px #ff000047;touch-action:none}.btn-switch:hover{background:linear-gradient(135deg,#790000,#e00000,#330000);box-shadow:0 0 22px #ff00008c}.btn-switch:active{transform:scale(.96);box-shadow:inset 0 0 18px #000000d9,0 0 22px #ff0000bf}.btn-update{margin-top:9px;background:linear-gradient(135deg,#111111,#6f0000,#111111);border:1px solid rgba(255,100,100,.32)}.btn-update:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#a00000,#1a1a1a);box-shadow:0 0 16px #ff00005c}.btn-refresh{margin-top:22px;padding:15px;font-size:16px;border-radius:14px;background:linear-gradient(135deg,#0b0b0b,#4c0000,#990000,#0b0b0b);border:1px solid rgba(255,90,90,.45);box-shadow:0 0 24px #aa000059}.btn-refresh:hover{box-shadow:0 0 32px #ff000094}input{width:100%;min-width:0;padding:10px;border-radius:10px;border:1px solid rgba(255,80,80,.34);outline:none;color:#fff;font-size:15px;background:rgba(0,0,0,.65);box-shadow:inset 0 0 12px #ff00000f}input:focus{border-color:#ff5050d9;box-shadow:0 0 14px #ff000059,inset 0 0 12px #ff000014}.signal-row{display:flex;align-items:center;gap:11px;min-height:42px}.signal-light{position:relative;width:28px;height:28px;border-radius:50%;background:#3b3b3b;border:2px solid #111;box-shadow:inset -3px -4px 7px #000000bf,inset 2px 2px 5px #ffffff29;flex:0 0 auto}.signal-light:after{content:"";position:absolute;width:8px;height:8px;top:5px;left:6px;border-radius:50%;background:rgba(255,255,255,.7)}.signal-on{background:#00d462;box-shadow:0 0 15px #00d462,0 0 28px #00ff788c,inset -3px -4px 7px #00000073}.signal-off{background:#e00000;box-shadow:0 0 15px red,0 0 28px #ff000094,inset -3px -4px 7px #00000073}.signal-text{font-weight:700;font-size:14px;letter-spacing:.8px;color:#fff}.status-box{margin-top:18px;padding:14px 16px;border-radius:14px;font-weight:700;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,rgba(0,0,0,.86),rgba(55,0,0,.8));border:1px solid rgba(255,75,75,.34);box-shadow:inset 0 0 18px #ff00000f}.ok{color:#68ff9e;border-color:#00ff7366;box-shadow:0 0 18px #00ff732e,inset 0 0 18px #00ff730d}.error{color:#ff7070;border-color:#ff00008c;box-shadow:0 0 20px #ff000047,inset 0 0 18px #ff000014}.edit{color:#ffd56a;border-color:#ffbe0073;box-shadow:0 0 18px #ffbe0026,inset 0 0 18px #ffbe000a}.sld-panel{position:relative;width:100%;min-width:0;min-height:430px;padding:22px;border-radius:16px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),rgba(0,0,0,.28);background-size:34px 34px;border:1px solid rgba(255,80,80,.24);overflow:hidden}.busbar{height:8px;width:92%;margin:14px auto 38px;border-radius:999px;background:linear-gradient(90deg,transparent,#ff7777,#ffffff,#ff7777,transparent);box-shadow:0 0 24px #f009}.sld-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.sld-card,.placeholder-box{position:relative;padding:16px;min-height:95px;border-radius:16px;background:linear-gradient(135deg,rgba(0,0,0,.92),rgba(50,0,0,.74));border:1px solid rgba(255,80,80,.3);text-align:left;box-shadow:inset 0 0 22px #ff00000a}.diagram-title{font-size:13px;color:#ffbdbd;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere}.diagram-value{margin-top:12px;font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 14px rgba(255,0,0,.75);overflow-wrap:anywhere}.pulse-dot{position:absolute;right:16px;top:18px;width:11px;height:11px;border-radius:50%;background:#ff2020;box-shadow:0 0 16px #ff2020;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.sld-line-area{max-width:280px;margin:42px auto 0;display:flex;flex-direction:column;align-items:center}.breaker-box{width:180px;padding:12px;text-align:center;border-radius:10px;border:1px solid rgba(255,90,90,.52);background:linear-gradient(135deg,#060606,#5a0000,#111);font-weight:700;letter-spacing:1px;box-shadow:0 0 18px #ff000038}.vertical-line{width:4px;height:34px;background:linear-gradient(#ff7777,#ffffff,#ff7777);box-shadow:0 0 18px #ff00008f}.placeholder-text{margin-top:12px;color:#fff;font-size:16px;letter-spacing:.6px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}.trend-toolbar{width:100%;min-width:0;margin-bottom:16px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(60,0,0,.46));border:1px solid rgba(255,70,70,.28)}.trend-toolbar label{margin:0}select{width:100%;min-width:0;margin-top:10px;padding:11px;border-radius:10px;border:1px solid rgba(255,80,80,.34);outline:none;color:#fff;font-size:15px;background:#160000;box-shadow:inset 0 0 12px #ff00000f}select:focus{border-color:#ff5050d9;box-shadow:0 0 14px #ff000059,inset 0 0 12px #ff000014}.scada-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;border-radius:14px;border:1px solid rgba(255,70,70,.28);background:rgba(0,0,0,.35);-webkit-overflow-scrolling:touch}.wide-table{width:100%;max-width:100%;max-height:580px;overflow:auto}.scada-table{width:100%;border-collapse:collapse;min-width:680px}.scada-table th,.scada-table td{padding:12px 14px;border-bottom:1px solid rgba(255,70,70,.16);text-align:left;white-space:nowrap}.scada-table th{color:#ffd2d2;letter-spacing:.7px;background:rgba(90,0,0,.52);position:sticky;top:0;z-index:5}.scada-table td{color:#fff}.scada-table tr:hover td{background:rgba(255,0,0,.08)}.state-pill{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.8px;border:1px solid rgba(255,255,255,.18)}.state-pill.normal{color:#69ff9d;background:rgba(0,150,70,.18);border-color:#00ff7357}.state-pill.active{color:#ff6f6f;background:rgba(180,0,0,.25);border-color:#ff000085;box-shadow:0 0 12px #ff000038}.state-pill.waiting{color:#ffd56a;background:rgba(255,190,0,.12);border-color:#ffbe0057}.trend-chart{width:100%;max-width:100%;min-width:0;margin-top:16px;padding:12px;border-radius:16px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),rgba(0,0,0,.45);background-size:32px 32px;border:1px solid rgba(255,80,80,.28);overflow-x:auto;-webkit-overflow-scrolling:touch}.trend-chart svg{width:100%;min-width:620px;height:260px}.chart-axis{stroke:#ffbebe8c;stroke-width:2}.chart-line{fill:none;stroke:#ff3434;stroke-width:4;filter:drop-shadow(0 0 8px rgba(255,0,0,.75))}.chart-empty{fill:#ffd2d2;font-size:18px;font-weight:700}.report-actions{max-width:360px;margin-top:18px}.admin-note{margin-bottom:18px}.meter-panel{margin-bottom:28px}.meter-heading{margin:18px 0 14px;padding:10px 14px;border-left:4px solid #ff3b3b;background:rgba(255,255,255,.05);color:#fff;font-size:18px;letter-spacing:1px}.trend-section{background-color:#111;color:#fff;padding:24px;border-radius:12px;border:1px solid #262626;width:100%;max-width:1200px;min-width:0;margin:0 auto;font-family:sans-serif}.meter-trend-section{width:100%;max-width:1200px;min-width:0}.trend-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7f1d1d;padding-bottom:12px;margin-bottom:20px;gap:12px}.trend-header h2{margin:0;font-size:20px;font-weight:700;letter-spacing:.05em;color:#ef4444}.trend-badge{font-size:11px;background:#7f1d1d;color:#fecaca;padding:4px 10px;border-radius:20px;font-weight:600;white-space:nowrap}.trend-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.control-group{display:flex;flex-direction:column;gap:6px;min-width:0}.control-label{font-size:12px;color:#a3a3a3;font-weight:500}.control-select{background-color:#171717;border:1px solid #404040;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;outline:none;transition:border .2s}.control-select:focus{border-color:#ef4444}.selected-tags-container{margin-bottom:20px;min-height:32px;width:100%;min-width:0}.chips-wrapper{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.tag-chip{display:inline-flex;align-items:center;max-width:100%;min-width:0;background-color:#1e1b4b;border:1px solid #312e81;padding:4px 10px;border-radius:6px;font-size:13px}.chip-color-dot{width:8px;height:8px;min-width:8px;border-radius:50%;margin-right:8px}.chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove-btn{width:22px;height:22px;min-width:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#ef4444;margin-left:8px;cursor:pointer;font-size:16px;line-height:1;border-radius:50%}.summary-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-card{background-color:#171717;border:1px solid #262626;padding:16px;border-radius:8px;text-align:center;min-width:0}.card-title{font-size:11px;color:#a3a3a3;letter-spacing:.05em;margin-bottom:6px}.card-value{font-size:20px;font-weight:700;color:#fff;overflow-wrap:anywhere}.highlight-text{color:#fca5a5}.chart-wrapper-box{position:relative;width:100%;max-width:100%;min-width:0;height:480px;min-height:480px;background-color:#171717;border:1px solid #262626;border-radius:8px;padding:16px;display:block!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chart-empty-state{color:#a3a3a3;font-size:14px;font-style:italic;width:100%;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center}.chart-wrapper-box .recharts-responsive-container{width:100%!important;min-width:620px;height:450px!important;max-width:none!important}.chart-wrapper-box .recharts-wrapper{max-width:none!important}.chart-wrapper-box .recharts-surface{max-width:none!important;overflow:visible}.chart-wrapper-box .recharts-legend-wrapper,.chart-wrapper-box .recharts-tooltip-wrapper{max-width:none!important}.alarm-panel{width:100%;min-width:0;margin-top:24px;padding:18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.alarm-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.alarm-panel-header h2{margin:0;color:#fff;font-size:22px;letter-spacing:1px}.alarm-panel-header p{margin:4px 0 0;color:#b8c0cc;font-size:13px}.alarm-main-status{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.alarm-main-status.normal{color:#0f9;background:rgba(0,255,153,.12);border:1px solid rgba(0,255,153,.35)}.alarm-main-status.triggered{color:#fdd;background:rgba(255,0,0,.18);border:1px solid rgba(255,70,70,.5)}.alarm-create-box{display:grid;grid-template-columns:2fr 90px 1fr 2fr 140px;gap:10px;margin-bottom:14px}.alarm-create-box select,.alarm-create-box input{width:100%;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#fff;outline:none}.alarm-create-box select:focus,.alarm-create-box input:focus{border-color:#ff3b3bb3;box-shadow:0 0 0 3px #ff3b3b26}.alarm-create-box input::placeholder{color:#ffffff73}.alarm-create-box button{border:none;border-radius:10px;background:#ff3b3b;color:#fff;font-weight:800;cursor:pointer}.alarm-create-box button:hover{opacity:.9}.alarm-message{margin-bottom:12px;padding:10px 12px;border-radius:10px;color:#fff;background:rgba(0,150,255,.15);border:1px solid rgba(0,150,255,.35)}.alarm-error{margin-bottom:12px;padding:10px 12px;border-radius:10px;color:#fdd;background:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.35)}.triggered-action-box{margin:16px 0;padding:14px;border-radius:14px;background:rgba(255,0,0,.12);border:1px solid rgba(255,70,70,.45)}.triggered-action-box h3{margin:0 0 12px;color:#fff;font-size:16px;letter-spacing:1px}.triggered-action-list{display:grid;gap:10px}.triggered-action-card{padding:12px;border-radius:12px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.12)}.triggered-action-title{color:#fff;font-weight:800;margin-bottom:6px}.triggered-action-value{color:#ffbebe;font-size:13px;margin-bottom:6px}.triggered-action-text{color:#fff;font-size:14px;font-weight:700}.alarm-list-header{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;gap:10px}.alarm-list-header h3{margin:0;color:#fff;font-size:17px}.alarm-list-header span{color:#b8c0cc;font-size:13px}.alarm-empty{padding:14px;border-radius:10px;color:#b8c0cc;background:rgba(255,255,255,.05)}.alarm-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.alarm-table{width:100%;border-collapse:collapse;min-width:980px}.alarm-table th,.alarm-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;vertical-align:top;white-space:nowrap}.alarm-table th{color:#b8c0cc;font-weight:700;background:rgba(255,255,255,.04)}.alarm-row-triggered{background:rgba(255,0,0,.12)}.alarm-row-normal{background:rgba(0,255,153,.04)}.alarm-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.alarm-badge.normal{color:#0f9;background:rgba(0,255,153,.12);border:1px solid rgba(0,255,153,.32)}.alarm-badge.triggered{color:#fff;background:#ff3333}.alarm-action-text{display:inline-block;max-width:260px;color:#b8c0cc;line-height:1.4;white-space:normal}.alarm-action-text.active{color:#fff;font-weight:800}.alarm-delete-btn{width:auto;padding:7px 10px;border:none;border-radius:8px;background:rgba(255,60,60,.18);color:#ffbebe;font-weight:800;cursor:pointer}.alarm-delete-btn:hover{background:rgba(255,60,60,.35)}.alarm-search-box{width:100%;min-width:0;margin:18px 0;padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.alarm-search-title{width:100%;color:#fff;font-weight:700;letter-spacing:1px;margin-bottom:4px}.alarm-search-box input{min-width:210px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);outline:none;color:#fff;background:rgba(0,0,0,.22)}.alarm-search-box input:focus{border-color:#2f80ff}.alarm-pdf-btn{width:auto;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:700;background:#2f80ff;color:#fff}.alarm-pdf-btn:hover{opacity:.85}.alarm-search-result-panel{margin-top:24px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.alarm-search-pdf-btn{width:auto;margin:0 0 12px;border:none;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;background:#4e0303;color:#fff}.alarm-search-box button{width:auto;border:none;padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;letter-spacing:.5px;color:#fff;background:#4e0303;transition:.2s ease}.alarm-search-box button:hover{opacity:.85;transform:translateY(-1px)}.alarm-search-box button:active{transform:translateY(0)}.alarm-search-box button:nth-of-type(2){background:#555f73}.history-db-control{width:100%;min-width:0;margin-bottom:16px;padding:14px;border-radius:12px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.history-db-control h3{margin:0 0 6px;color:#fff;font-size:15px;letter-spacing:.8px}.history-db-control p{margin:0;color:#cbd5e1;font-size:13px}.db-status{font-weight:800;margin-left:6px}.db-status.on{color:#22c55e}.db-status.off{color:#ef4444}.history-db-buttons{display:flex;gap:10px;flex-wrap:wrap}.history-search-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.history-search-toolbar label{flex:1 1 190px;min-width:190px}.history-search-toolbar input,.history-search-toolbar select{width:100%;min-width:0}.history-search-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.history-btn{width:auto;border:none;border-radius:8px;padding:10px 14px;color:#fff;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:.2s ease}.history-btn:disabled{opacity:.5;cursor:not-allowed}.start-db-btn{background:#991b1b}.stop-db-btn{background:#dc2626}.delete-db-btn{background:#991b1b}.search-btn{background:#7a0101}.pdf-btn{background:#991b1b}.clear-btn{background:#64748b}.history-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.delete-db-btn:hover:not(:disabled){background:#7f1d1d}.history-message{margin:12px 0;padding:10px 14px;border-left:4px solid #f59e0b;background:rgba(245,158,11,.12);color:#fff;border-radius:6px}.scada-table-wrap.wide-table{width:100%;max-width:100%;max-height:430px;overflow:auto;border-radius:12px}.scada-table-wrap.wide-table .scada-table,.wide-table .scada-table{width:max-content;min-width:100%;table-layout:auto}.scada-table-wrap.wide-table thead th{position:sticky;top:0;z-index:5}.wide-table .scada-table th,.wide-table .scada-table td{white-space:nowrap;padding:8px 10px;font-size:12px}.app,.dashboard-layout,.scada-layout,.main-layout{width:100%;max-width:100vw;min-width:0;overflow-x:hidden}.main-content,.page-content,.content,.dashboard-content{min-width:0;max-width:100%;overflow-x:hidden}.scada-table-wrap::-webkit-scrollbar,.alarm-table-wrap::-webkit-scrollbar,.chart-wrapper-box::-webkit-scrollbar,.trend-chart::-webkit-scrollbar{width:9px;height:9px}.scada-table-wrap::-webkit-scrollbar-track,.alarm-table-wrap::-webkit-scrollbar-track,.chart-wrapper-box::-webkit-scrollbar-track,.trend-chart::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:20px}.scada-table-wrap::-webkit-scrollbar-thumb,.alarm-table-wrap::-webkit-scrollbar-thumb,.chart-wrapper-box::-webkit-scrollbar-thumb,.trend-chart::-webkit-scrollbar-thumb{background:rgba(255,59,59,.75);border-radius:20px}.scada-table-wrap::-webkit-scrollbar-thumb:hover,.alarm-table-wrap::-webkit-scrollbar-thumb:hover,.chart-wrapper-box::-webkit-scrollbar-thumb:hover,.trend-chart::-webkit-scrollbar-thumb:hover{background:rgba(255,59,59,1)}@media (max-width: 1200px){.main-panel{margin-left:300px;width:calc(100% - 300px);max-width:calc(100vw - 300px);padding:18px 16px 28px}.side-nav{left:12px;top:12px;bottom:12px;width:260px}.summary-cards-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 980px){.app-shell{display:block;min-height:100vh}.side-nav{position:relative;left:auto;top:auto;bottom:auto;width:auto;max-width:none;height:auto;max-height:none;margin:12px;padding:14px}.main-panel{width:100%;max-width:100vw;margin-left:0;padding:0 12px 24px}.nav-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.nav-item{min-height:44px;padding:10px;font-size:13px}.top-bar{flex-direction:column;align-items:stretch}.system-badge{min-width:0;width:100%;text-align:left}.alarm-create-box{grid-template-columns:1fr 90px 1fr}.alarm-create-box input:nth-of-type(2){grid-column:span 2}.history-db-control{align-items:stretch}.history-db-buttons{width:100%}.history-db-buttons .history-btn{flex:1 1 150px}}@media (max-width: 800px){.top-bar,.section-header{flex-direction:column;align-items:flex-start}.brand-area{width:100%;gap:12px}.logo-frame{width:100px;height:62px;padding:2px}.title-block h1{font-size:22px}.title-block p{font-size:12px}.system-badge{width:100%;text-align:left}.sld-panel{min-height:360px;padding:14px}}@media (max-width: 768px){body{font-size:14px}.main-panel{padding:0 10px 22px}.section,.alarm-panel,.trend-section,.top-bar{padding:14px;border-radius:14px}.brand-area{width:100%;align-items:center;gap:10px}.logo-frame{width:82px;height:54px}.title-block h1{font-size:18px;letter-spacing:1px}.title-block p{font-size:11px;letter-spacing:.5px}.section-header,.alarm-panel-header,.trend-header,.alarm-list-header{flex-direction:column;align-items:flex-start;gap:8px}.switch-grid,.status-grid,.value-grid,.summary-grid,.sld-grid,.trend-controls-grid,.summary-cards-grid{grid-template-columns:1fr}.history-search-toolbar{display:grid;grid-template-columns:1fr;gap:12px}.history-search-toolbar label,.history-search-actions,.history-search-actions .history-btn{width:100%;min-width:0}.history-search-actions,.history-db-buttons{display:grid;grid-template-columns:1fr}.history-db-buttons .history-btn{width:100%}.alarm-create-box{grid-template-columns:1fr}.alarm-create-box input:nth-of-type(2){grid-column:auto}.alarm-panel-header{align-items:flex-start;flex-direction:column}.alarm-search-box{display:grid;grid-template-columns:1fr}.alarm-search-box input,.alarm-search-box button{width:100%;min-width:0}.alarm-main-status{white-space:normal}.chart-wrapper-box{height:390px;min-height:390px;padding:10px}.chart-wrapper-box .recharts-responsive-container{min-width:560px;height:360px!important}.chart-empty-state{min-height:340px}.sld-panel{min-height:320px;padding:12px}.busbar{width:100%;margin-bottom:24px}.breaker-box{width:100%}.scada-table th,.scada-table td,.alarm-table th,.alarm-table td{padding:8px 9px;font-size:12px}}@media (max-width: 480px){.side-nav{margin:8px;padding:12px;border-radius:14px}.main-panel{padding:0 8px 18px}.side-logo-frame{height:64px}.nav-list{grid-template-columns:1fr 1fr;gap:7px}.nav-item{min-height:40px;font-size:11px;letter-spacing:.3px;padding:8px 6px}.section,.alarm-panel,.trend-section,.top-bar{padding:12px}.section-header h2,.alarm-panel-header h2,.trend-header h2{font-size:16px}.section-tag,.trend-badge{font-size:10px}.card{padding:12px}.card-value,.diagram-value{font-size:18px}input,select,button{font-size:13px}.chart-wrapper-box{height:350px;min-height:350px}.chart-wrapper-box .recharts-responsive-container{min-width:520px;height:320px!important}.chart-empty-state{min-height:300px}.scada-table{min-width:620px}.alarm-table{min-width:760px}}@media (max-width: 360px){.nav-list{grid-template-columns:1fr}.brand-area{flex-direction:column;align-items:flex-start}.logo-frame{width:100%;height:58px}.history-btn,.alarm-search-box button,.alarm-create-box button{padding:9px 10px;font-size:12px}}:root{--component-right-margin: 18px}.main-panel>.top-bar,.main-panel>.section,.main-panel>.trend-section,.main-panel>.meter-trend-section,.main-panel>.alarm-panel,.main-panel>.history-db-control,.main-panel>.alarm-search-box,.main-panel>.trend-toolbar,.main-panel>.scada-table-wrap,.main-panel>.chart-wrapper-box{width:calc(100% - var(--component-right-margin));max-width:calc(100% - var(--component-right-margin));margin-right:var(--component-right-margin)}.section>.trend-section,.section>.alarm-panel,.section>.history-db-control,.section>.alarm-search-box,.section>.scada-table-wrap,.section>.trend-toolbar,.section>.chart-wrapper-box{width:calc(100% - var(--component-right-margin));max-width:calc(100% - var(--component-right-margin));margin-right:var(--component-right-margin)}.trend-section,.meter-trend-section{margin-left:0;margin-right:var(--component-right-margin)}.chart-wrapper-box,.scada-table-wrap,.alarm-table-wrap,.trend-chart{width:calc(100% - var(--component-right-margin));max-width:calc(100% - var(--component-right-margin));margin-right:var(--component-right-margin)}.top-bar,.section,.alarm-panel,.trend-section,.history-db-control,.alarm-search-box{min-width:0}@media (max-width: 768px){:root{--component-right-margin: 10px}.main-panel>.top-bar,.main-panel>.section,.main-panel>.trend-section,.main-panel>.meter-trend-section,.main-panel>.alarm-panel,.main-panel>.history-db-control,.main-panel>.alarm-search-box,.main-panel>.trend-toolbar,.main-panel>.scada-table-wrap,.main-panel>.chart-wrapper-box,.section>.trend-section,.section>.alarm-panel,.section>.history-db-control,.section>.alarm-search-box,.section>.scada-table-wrap,.section>.trend-toolbar,.section>.chart-wrapper-box,.chart-wrapper-box,.scada-table-wrap,.alarm-table-wrap,.trend-chart{width:calc(100% - var(--component-right-margin));max-width:calc(100% - var(--component-right-margin));margin-right:var(--component-right-margin)}}@media (max-width: 480px){:root{--component-right-margin: 8px}}.sld-only-svg{width:auto;height:100%;max-width:100%;display:block;margin:0 auto;background:#ffffff}.sld-only-wrapper{width:100%;min-height:100%;padding:18px;background:radial-gradient(circle at top left,rgba(0,184,148,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(6,24,255,.14),transparent 30%),linear-gradient(135deg,#07111f 0%,#0f172a 45%,#111827 100%);overflow:hidden}.sld-only-wrapper,.sld-only-wrapper *{box-sizing:border-box}.sld-only-shell{width:100%;height:calc(100vh - 36px);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;overflow:hidden}.sld-only-drawing-card{min-width:0;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(148,163,184,.35);border-radius:18px;box-shadow:0 18px 45px #00000047;overflow:hidden}.sld-only-svg-frame{width:100%;height:100%;min-height:0;display:flex;justify-content:center;align-items:center;padding:14px;overflow:hidden;background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(15,23,42,.04) 1px,transparent 1px),#ffffff;background-size:28px 28px}.sld-only-svg{width:auto;height:100%;max-width:100%;display:block;margin:0 auto;background:transparent}.sld-only-control-panel{height:100%;overflow-y:auto;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:12px;box-shadow:0 18px 45px #00000042}.sld-only-panel-section{padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:14px;margin-bottom:12px;background:rgba(30,41,59,.82)}.sld-only-panel-section h2{margin:0 0 10px;color:#e5f4ff;font-size:13px;letter-spacing:.7px}.sld-only-switch-control{width:100%;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.06);border-radius:10px;padding:10px 11px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;transition:transform .16s ease,border-color .16s ease,background .16s ease}.sld-only-switch-control:hover{transform:translateY(-1px);border-color:#00b894a6;background:rgba(255,255,255,.09)}.sld-only-switch-control span{color:#cbd5e1;font-size:12px;text-align:left}.sld-only-switch-control strong{font-size:12px;letter-spacing:.4px}.sld-only-switch-open strong{color:#22c55e}.sld-only-switch-closed{border-color:#ef44449e;background:rgba(127,29,29,.34)}.sld-only-switch-closed strong{color:#fca5a5}.sld-only-status-list{display:grid;gap:8px}.sld-only-status-row{display:flex;justify-content:space-between;gap:10px;color:#cbd5e1;font-size:12px;border-bottom:1px dashed rgba(148,163,184,.28);padding-bottom:7px}.sld-only-status-row strong{color:#fff}.sld-only-legend-item{display:flex;align-items:center;gap:8px;margin-bottom:7px}.sld-only-legend-item span{width:28px;height:6px;border-radius:999px;display:inline-block}.sld-only-legend-item p{margin:0;color:#cbd5e1;font-size:12px}.sld-only-control-panel::-webkit-scrollbar{width:8px}.sld-only-control-panel::-webkit-scrollbar-track{background:rgba(15,23,42,.65);border-radius:999px}.sld-only-control-panel::-webkit-scrollbar-thumb{background:rgba(0,184,148,.7);border-radius:999px}@media (max-width: 1000px){.sld-only-wrapper{padding:12px}.sld-only-shell{height:auto;min-height:calc(100vh - 24px);grid-template-columns:1fr;overflow:visible}.sld-only-drawing-card{height:760px}.sld-only-control-panel{height:auto;max-height:none}}@media (max-width: 640px){.sld-only-wrapper{padding:8px}.sld-only-drawing-card{height:680px;border-radius:14px}.sld-only-svg-frame{padding:8px}.sld-only-panel-section{padding:10px}}:root{--scada-black: #070708;--scada-black-soft: #0f0b0c;--scada-red-deep: #210306;--scada-red-panel: #32070b;--scada-red: #8f0d18;--scada-red-bright: #d21f2b;--scada-red-soft: #ffb8bd;--scada-white: #ffffff;--scada-white-soft: #f4eeee;--scada-line: rgba(255, 255, 255, .16);--scada-red-line: rgba(224, 45, 57, .5)}body{color:var(--scada-white-soft);background:linear-gradient(rgba(210,31,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,31,43,.045) 1px,transparent 1px),radial-gradient(circle at top left,rgba(143,13,24,.42),transparent 38%),linear-gradient(135deg,#050506 0%,#160204 42%,#32070b 72%,#050506 100%)}body:before{background:linear-gradient(to bottom,rgba(255,255,255,.025),transparent 8%,transparent 92%,rgba(210,31,43,.07))}body:after{background:linear-gradient(to bottom,transparent,rgba(210,31,43,.12),transparent)}.side-nav{border-color:var(--scada-red-line);background:linear-gradient(180deg,#090708 0%,#2b0509 48%,#090708 100%);box-shadow:0 0 28px #8f0d185c,inset 0 0 28px #d21f2b0d}.side-logo-frame,.logo-frame{background:linear-gradient(135deg,#070708,#32070b);border-color:#fff3;box-shadow:0 0 18px #8f0d1847,inset 0 0 18px #ffffff09}.side-title,.title-block p,.badge-label,.diagram-title,label,.section-tag,.scada-table th,.chart-empty,.highlight-text,.triggered-action-value,.alarm-delete-btn,.trend-badge{color:var(--scada-red-soft)}.nav-item{color:var(--scada-white-soft);border-color:#ffffff21;background:linear-gradient(135deg,#0b090a,#260407),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px)}.nav-item:hover,.nav-item.active{color:var(--scada-white);border-color:#ffffff70;background:linear-gradient(135deg,#250407,#8f0d18,#12090a);box-shadow:0 0 18px #d21f2b61,inset 0 0 18px #ffffff0a}.top-bar,.section{border-color:var(--scada-red-line);background:linear-gradient(135deg,rgba(7,7,8,.97),rgba(50,7,11,.9),rgba(7,7,8,.97));box-shadow:0 0 26px #8f0d184d,inset 0 0 28px #d21f2b0b}.system-badge,.status-box,.trend-toolbar,.sld-card,.placeholder-box,.alarm-panel,.triggered-action-card,.alarm-search-box,.history-db-control{background:linear-gradient(135deg,rgba(7,7,8,.92),rgba(43,5,9,.82));border-color:#ffffff24}.section-header,.trend-header,.alarm-search-result-panel{border-color:#d21f2b73}.section-tag,.trend-badge{background:rgba(143,13,24,.5);border-color:#ffffff2e}.card,.summary-card,.chart-wrapper-box,.trend-section{background-color:#0b090a;background-image:linear-gradient(145deg,rgba(7,7,8,.98),rgba(43,5,9,.86));border-color:#d21f2b57;box-shadow:0 0 14px #000000a8,inset 0 0 16px #d21f2b09}.card:before{background:linear-gradient(90deg,transparent,var(--scada-red-bright),transparent)}.card:hover,.card-editing{border-color:#ffffff59;box-shadow:0 0 22px #d21f2b57,inset 0 0 16px #ffffff09}.btn-switch,.btn-update,.btn-refresh,.alarm-create-box button,.alarm-pdf-btn,.alarm-search-pdf-btn,.alarm-search-box button,.history-btn,.start-db-btn,.stop-db-btn,.delete-db-btn,.search-btn,.pdf-btn,.clear-btn{color:var(--scada-white);background:linear-gradient(135deg,#260407,#8f0d18,#34060a);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 14px #8f0d183d}.btn-switch:hover,.btn-update:hover:not(:disabled),.btn-refresh:hover,.alarm-create-box button:hover,.alarm-pdf-btn:hover,.alarm-search-pdf-btn:hover,.alarm-search-box button:hover,.history-btn:hover:not(:disabled){background:linear-gradient(135deg,#39070b,#c41825,#4a080d);box-shadow:0 0 20px #d21f2b6b}input,select,.control-select,.alarm-create-box select,.alarm-create-box input,.alarm-search-box input{color:var(--scada-white);background:#0c090a;border-color:#ffffff2e;box-shadow:inset 0 0 12px #8f0d181f}input:focus,select:focus,.control-select:focus,.alarm-create-box select:focus,.alarm-create-box input:focus,.alarm-search-box input:focus{border-color:#d21f2be0;box-shadow:0 0 0 3px #d21f2b24,inset 0 0 12px #8f0d181f}.tag-chip{color:var(--scada-white);background-color:#260407;border-color:#8f0d18}.chip-remove-btn,.trend-header h2{color:#ff6670}.control-label,.card-title,.chart-empty-state,.alarm-panel-header p,.alarm-list-header span,.alarm-empty,.alarm-table th,.alarm-action-text,.history-db-control p{color:#d9cfd0}.scada-table-wrap,.trend-chart,.alarm-table-wrap{border-color:#d21f2b57;background-color:#0505069e}.scada-table th,.alarm-table th{background:#3a070c}.scada-table th,.scada-table td,.alarm-table th,.alarm-table td{border-color:#ffffff1a}.scada-table tr:hover td,.alarm-row-triggered{background:rgba(210,31,43,.12)}.alarm-message,.history-message{color:var(--scada-white);background:rgba(143,13,24,.2);border-color:#d21f2b7a}.alarm-search-box button:nth-of-type(2){background:linear-gradient(135deg,#170204,#5d0a12,#260407)}.trend-chart{background:linear-gradient(rgba(210,31,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,31,43,.045) 1px,transparent 1px),rgba(5,5,6,.72)}.chart-axis{stroke:#ffffff75}.sld-panel{background:linear-gradient(rgba(210,31,43,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(210,31,43,.04) 1px,transparent 1px),rgba(5,5,6,.68);border-color:#d21f2b57}.sld-only-wrapper{background:radial-gradient(circle at top left,rgba(143,13,24,.32),transparent 34%),radial-gradient(circle at bottom right,rgba(210,31,43,.16),transparent 30%),linear-gradient(135deg,#050506 0%,#210306 48%,#080708 100%)}.sld-only-drawing-card{background:linear-gradient(180deg,#ffffff 0%,#f7f3f3 100%);border-color:#d21f2b80;box-shadow:0 18px 45px #00000057,0 0 22px #8f0d1833}.sld-only-svg-frame{background:linear-gradient(90deg,rgba(143,13,24,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(143,13,24,.045) 1px,transparent 1px),#ffffff}.sld-only-control-panel{background:linear-gradient(180deg,rgba(8,7,8,.98),rgba(45,5,9,.96));border-color:#d21f2b73;box-shadow:0 18px 45px #00000052}.sld-only-panel-section{background:rgba(33,3,6,.86);border-color:#ffffff21}.sld-only-panel-section h2,.sld-only-status-row strong{color:var(--scada-white)}.sld-only-switch-control{background:rgba(255,255,255,.055);border-color:#ffffff24}.sld-only-switch-control:hover{border-color:#d21f2bb3;background:rgba(210,31,43,.12)}.sld-only-switch-control span,.sld-only-status-row,.sld-only-legend-item p{color:#e6dddd}.sld-only-status-row{border-color:#ffffff24}.sld-only-control-panel::-webkit-scrollbar-track,.scada-table-wrap::-webkit-scrollbar-track,.trend-chart::-webkit-scrollbar-track{background:#10090a}.sld-only-control-panel::-webkit-scrollbar-thumb,.scada-table-wrap::-webkit-scrollbar-thumb,.trend-chart::-webkit-scrollbar-thumb{background:rgba(210,31,43,.72)}:root{--hmi-bg: #0e1419;--hmi-bg-grid: rgba(112, 139, 157, .055);--hmi-shell: #141c22;--hmi-panel: #1a242c;--hmi-panel-2: #202c35;--hmi-panel-3: #26343e;--hmi-border: #485966;--hmi-border-soft: rgba(136, 157, 171, .28);--hmi-text: #e9f0f3;--hmi-text-muted: #aebdc6;--hmi-blue: #1683b8;--hmi-blue-bright: #35b7df;--hmi-cyan: #48c9d8;--hmi-green: #20b86a;--hmi-green-bright: #4ee08c;--hmi-amber: #e2a92f;--hmi-amber-bright: #ffc857;--hmi-red: #d13b3b;--hmi-red-bright: #ff6161;--hmi-shadow: rgba(0, 0, 0, .48)}body{color:var(--hmi-text);background:linear-gradient(var(--hmi-bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hmi-bg-grid) 1px,transparent 1px),radial-gradient(circle at top left,rgba(22,131,184,.11),transparent 36%),linear-gradient(135deg,#0b1014 0%,var(--hmi-bg) 48%,#101920 100%)}body:before{background:linear-gradient(to bottom,rgba(255,255,255,.018),transparent 10%,transparent 90%,rgba(72,201,216,.025))}body:after{background:linear-gradient(to bottom,transparent,rgba(72,201,216,.035),transparent)}.side-nav{border-color:var(--hmi-border);background:linear-gradient(180deg,#11181e 0%,#172129 54%,#10171c 100%);box-shadow:0 12px 34px var(--hmi-shadow),inset 0 1px #ffffff09}.side-logo-frame,.logo-frame{background:linear-gradient(135deg,#10171c,#202c35);border-color:var(--hmi-border);box-shadow:inset 0 1px #ffffff0e,0 8px 18px #0000004d}.side-title,.title-block p,.badge-label,.diagram-title,label,.control-label,.card-title,.chart-empty-state,.alarm-panel-header p,.alarm-list-header span,.alarm-empty,.alarm-table th,.history-db-control p,.sld-only-switch-control span,.sld-only-status-row,.sld-only-legend-item p{color:var(--hmi-text-muted)}.side-title{border-color:var(--hmi-border-soft)}.nav-item{color:#d9e4e9;border-color:var(--hmi-border-soft);background:linear-gradient(135deg,#182129,#202b33),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);box-shadow:inset 0 1px #ffffff06}.nav-item:hover,.nav-item.active{color:#fff;border-color:#35b7dfb8;background:linear-gradient(135deg,#17384a,#126b96,#1a2c36);box-shadow:0 0 0 1px #35b7df21,inset 3px 0 0 var(--hmi-cyan)}.top-bar,.section{border-color:var(--hmi-border);background:linear-gradient(135deg,rgba(20,28,34,.98),rgba(30,42,51,.97),rgba(17,24,30,.98));box-shadow:0 12px 30px var(--hmi-shadow),inset 0 1px #ffffff09}.title-block h1{color:#f4f8fa;text-shadow:0 1px 0 #000000}.system-badge,.status-box,.trend-toolbar,.sld-card,.placeholder-box,.alarm-panel,.triggered-action-card,.alarm-search-box,.history-db-control,.summary-card,.chart-wrapper-box,.trend-section{color:var(--hmi-text);background-color:var(--hmi-panel);background-image:linear-gradient(145deg,rgba(27,38,46,.98),rgba(20,29,35,.98));border-color:var(--hmi-border-soft);box-shadow:inset 0 1px #ffffff06}.badge-value,.section-header h2,.card-value,.triggered-action-title,.sld-only-panel-section h2,.sld-only-status-row strong{color:var(--hmi-text);text-shadow:none}.section-header,.trend-header,.alarm-search-result-panel{border-color:var(--hmi-border-soft)}.section-tag,.trend-badge{color:#d9f3fb;background:rgba(22,131,184,.22);border-color:#35b7df6b}.card{background:linear-gradient(145deg,rgba(30,42,51,.99),rgba(21,30,36,.99)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);border-color:var(--hmi-border-soft);box-shadow:0 8px 18px #00000052,inset 0 1px #ffffff08}.card:before{background:linear-gradient(90deg,transparent,var(--hmi-blue-bright),transparent);opacity:.62}.card:hover,.card-editing{border-color:#35b7dfad;box-shadow:0 10px 22px #00000061,inset 0 0 0 1px #35b7df1a}button,.btn-switch,.btn-update,.btn-refresh,.alarm-create-box button,.alarm-pdf-btn,.alarm-search-pdf-btn,.alarm-search-box button,.history-btn,.search-btn,.pdf-btn{color:#f4fbff;background:linear-gradient(180deg,#1b83ad,#12658c);border:1px solid #3a9fc6;box-shadow:inset 0 1px #ffffff29,0 4px 10px #00000047}button:hover:not(:disabled),.btn-switch:hover,.btn-update:hover:not(:disabled),.btn-refresh:hover,.alarm-create-box button:hover,.alarm-pdf-btn:hover,.alarm-search-pdf-btn:hover,.alarm-search-box button:hover,.history-btn:hover:not(:disabled){background:linear-gradient(180deg,#249ac8,#1677a3);box-shadow:inset 0 1px #ffffff2e,0 5px 12px #00000052}button:active,.btn-switch:active{box-shadow:inset 0 2px 7px #0006}.start-db-btn{background:linear-gradient(180deg,#219c62,#167846);border-color:#42bf7d}.start-db-btn:hover:not(:disabled){background:linear-gradient(180deg,#2bb872,#1b8c52)}.stop-db-btn,.delete-db-btn,.alarm-delete-btn{color:#fff5f5;background:linear-gradient(180deg,#c33a3a,#942929);border-color:#e15b5b}.stop-db-btn:hover:not(:disabled),.delete-db-btn:hover:not(:disabled),.alarm-delete-btn:hover:not(:disabled){background:linear-gradient(180deg,#df4747,#ad3030)}.clear-btn{color:#fff8e7;background:linear-gradient(180deg,#b47c18,#895d12);border-color:#d6a13d}.clear-btn:hover:not(:disabled){background:linear-gradient(180deg,#c99123,#9d6b17)}input,select,.control-select,.alarm-create-box select,.alarm-create-box input,.alarm-search-box input{color:var(--hmi-text);background:#10171c;border-color:#52636f;box-shadow:inset 0 2px 5px #00000059}input:focus,select:focus,.control-select:focus,.alarm-create-box select:focus,.alarm-create-box input:focus,.alarm-search-box input:focus{border-color:var(--hmi-blue-bright);box-shadow:0 0 0 2px #35b7df2b,inset 0 2px 5px #00000059}input::placeholder,.alarm-create-box input::placeholder{color:#71828d}.tag-chip{color:#e6f7fb;background-color:#1683b833;border-color:#35b7df75}.chip-remove-btn{color:var(--hmi-red-bright);background:none;border:none;box-shadow:none}.trend-header h2,.highlight-text,.alarm-search-title{color:var(--hmi-cyan)}.scada-table-wrap,.trend-chart,.alarm-table-wrap{border-color:var(--hmi-border);background-color:#11191f}.scada-table th,.alarm-table th{color:#dce8ed;background:#26353f}.scada-table th,.scada-table td,.alarm-table th,.alarm-table td{border-color:#7b919f3b}.scada-table tbody tr:nth-child(2n) td,.alarm-table tbody tr:nth-child(2n) td{background-color:#ffffff05}.scada-table tr:hover td{background:rgba(53,183,223,.095)}.state-pill.normal,.alarm-badge.normal,.alarm-main-status.normal,.ok,.db-status.on{color:var(--hmi-green-bright);background-color:#20b86a21;border-color:#4ee08c7a;box-shadow:none}.state-pill.active,.edit,.db-status.off{color:var(--hmi-amber-bright);background-color:#e2a92f21;border-color:#ffc85780;box-shadow:none}.state-pill.waiting{color:#9fdcf0;background-color:#1683b821;border-color:#35b7df70}.alarm-badge.triggered,.alarm-main-status.triggered,.error,.alarm-row-triggered{color:#ffdede;background-color:#d13b3b29;border-color:#ff616194;box-shadow:none}.signal-light{background:#59666e;border-color:#0b1014}.signal-on{background:var(--hmi-green);box-shadow:0 0 9px #4ee08cb8,inset -3px -4px 7px #00000061}.signal-off{background:var(--hmi-red);box-shadow:0 0 9px #ff6161b3,inset -3px -4px 7px #00000061}.alarm-message,.history-message{color:#dff6fd;background:rgba(22,131,184,.13);border-color:#35b7df6b}.alarm-error,.triggered-action-box{color:#ffe1e1;background:rgba(209,59,59,.13);border-color:#ff61617a}.trend-chart,.sld-panel{background:linear-gradient(rgba(112,139,157,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(112,139,157,.065) 1px,transparent 1px),#11191f;border-color:var(--hmi-border)}.chart-axis{stroke:#b8cbd699}.busbar{background:linear-gradient(90deg,transparent,#8bb5c6,#e4f1f5,#8bb5c6,transparent);box-shadow:0 0 10px #48c9d854}.breaker-box{color:var(--hmi-text);border-color:#647783;background:linear-gradient(180deg,#26343e,#182229);box-shadow:inset 0 1px #ffffff0d}.vertical-line{background:linear-gradient(#8bb5c6,#e4f1f5,#8bb5c6);box-shadow:0 0 7px #48c9d859}.pulse-dot{background:var(--hmi-green);box-shadow:0 0 10px #4ee08cb8}.sld-only-wrapper{background:radial-gradient(circle at top left,rgba(22,131,184,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(72,201,216,.06),transparent 30%),linear-gradient(135deg,#0c1217 0%,#18232b 48%,#0d1419 100%)}.sld-only-drawing-card,.drawing-card{background:linear-gradient(180deg,#ffffff 0%,#f1f4f5 100%);border-color:#627581;box-shadow:0 18px 45px #00000061}.sld-only-svg-frame,.svg-frame{background:linear-gradient(90deg,rgba(51,75,87,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(51,75,87,.055) 1px,transparent 1px),#ffffff}.sld-only-control-panel,.control-panel{color:var(--hmi-text);background:linear-gradient(180deg,#172129,#11191f);border-color:var(--hmi-border);box-shadow:0 18px 45px #0000005c}.sld-only-panel-section,.panel-section{background:#1d2931;border-color:var(--hmi-border-soft)}.sld-only-switch-control,.switch-control{color:var(--hmi-text);background:#24323b;border-color:#536672}.sld-only-switch-control:hover,.switch-control:hover{border-color:var(--hmi-blue-bright);background:#273a45}.sld-only-status-row,.status-row{border-color:#90a4b040}.sld-only-control-panel::-webkit-scrollbar-track,.scada-table-wrap::-webkit-scrollbar-track,.trend-chart::-webkit-scrollbar-track,.alarm-table-wrap::-webkit-scrollbar-track{background:#10171c}.sld-only-control-panel::-webkit-scrollbar-thumb,.scada-table-wrap::-webkit-scrollbar-thumb,.trend-chart::-webkit-scrollbar-thumb,.alarm-table-wrap::-webkit-scrollbar-thumb{background:#526976;border-radius:999px}:root{--hmi-bg: #15191c;--hmi-bg-grid: rgba(155, 166, 173, .035);--hmi-shell: #1b2024;--hmi-panel: #22282c;--hmi-panel-2: #293035;--hmi-panel-3: #31393e;--hmi-border: #5c676e;--hmi-border-soft: rgba(177, 188, 195, .24);--hmi-text: #eef1f2;--hmi-text-muted: #b4bdc2;--hmi-blue: #557889;--hmi-blue-bright: #83aebe;--hmi-cyan: #79a9b9;--hmi-green: #5f936f;--hmi-green-bright: #8fc29d;--hmi-amber: #d89b2b;--hmi-amber-bright: #f1bf55;--hmi-yellow: #e6cf59;--hmi-red: #c93f45;--hmi-red-bright: #ef6469;--hmi-violet: #a778bd;--hmi-shadow: rgba(0, 0, 0, .34)}body{color:var(--hmi-text);background:linear-gradient(var(--hmi-bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hmi-bg-grid) 1px,transparent 1px),linear-gradient(135deg,#131719 0%,var(--hmi-bg) 52%,#181d20 100%);background-size:42px 42px,42px 42px,auto}body:before{background:linear-gradient(to bottom,rgba(255,255,255,.018),transparent 12%,transparent 88%,rgba(255,255,255,.012))}body:after{display:none;animation:none}.side-nav{border-color:var(--hmi-border);background:linear-gradient(180deg,#191e21 0%,#22282c 52%,#181d20 100%);box-shadow:0 12px 30px var(--hmi-shadow),inset 0 1px #ffffff09}.side-logo-frame,.logo-frame{background:linear-gradient(135deg,#1c2226,#2b3338);border-color:var(--hmi-border);box-shadow:inset 0 1px #ffffff0e}.nav-item{color:#dce1e3;border-color:var(--hmi-border-soft);background:linear-gradient(135deg,#242a2e,#2b3237);box-shadow:inset 0 1px #ffffff06}.nav-item:hover,.nav-item.active{color:#fff;border-color:#7997a4;background:linear-gradient(135deg,#2b353a,#3f5965);box-shadow:inset 4px 0 0 var(--hmi-blue-bright);transform:translate(2px)}.top-bar,.section{border-color:var(--hmi-border);background:linear-gradient(135deg,#20262a,#2a3136,#1d2226);box-shadow:0 10px 24px var(--hmi-shadow),inset 0 1px #ffffff09}.title-block h1{color:#f4f6f7;text-shadow:none}.system-badge,.status-box,.trend-toolbar,.sld-card,.placeholder-box,.alarm-panel,.triggered-action-card,.alarm-search-box,.history-db-control,.summary-card,.chart-wrapper-box,.trend-section{color:var(--hmi-text);background-color:var(--hmi-panel);background-image:linear-gradient(145deg,#252c30,#1e2428);border-color:var(--hmi-border-soft);box-shadow:inset 0 1px #ffffff06}.section-tag,.trend-badge{color:#e3ecef;background:rgba(85,120,137,.22);border-color:#83aebe75}.card{background:linear-gradient(145deg,#2a3135,#22282c);border-color:var(--hmi-border-soft);box-shadow:0 5px 13px #0000003d,inset 0 1px #ffffff08}.card:before{background:linear-gradient(90deg,transparent,#92a2aa,transparent);opacity:.32}.card:hover,.card-editing{border-color:#7d9aa7;box-shadow:inset 3px 0 0 var(--hmi-blue-bright),0 6px 14px #00000040}button,.btn-switch,.btn-update,.btn-refresh,.alarm-create-box button,.alarm-pdf-btn,.alarm-search-pdf-btn,.alarm-search-box button,.history-btn,.search-btn,.pdf-btn{color:#f4f7f8;background:linear-gradient(180deg,#546b76,#3f535d);border-color:#788b94;box-shadow:inset 0 1px #ffffff21,0 3px 8px #00000040}button:hover:not(:disabled),.btn-switch:hover,.btn-update:hover:not(:disabled),.btn-refresh:hover,.alarm-create-box button:hover,.alarm-pdf-btn:hover,.alarm-search-pdf-btn:hover,.alarm-search-box button:hover,.history-btn:hover:not(:disabled){background:linear-gradient(180deg,#688391,#4c6570);border-color:var(--hmi-blue-bright);box-shadow:inset 0 1px #ffffff26,0 4px 9px #00000045}.start-db-btn{background:linear-gradient(180deg,#547764,#405c4c);border-color:#729480}.start-db-btn:hover:not(:disabled){background:linear-gradient(180deg,#628a73,#496b57)}.stop-db-btn,.delete-db-btn,.alarm-delete-btn{color:#fff4f4;background:linear-gradient(180deg,#b74449,#8f3337);border-color:#d15b60}.stop-db-btn:hover:not(:disabled),.delete-db-btn:hover:not(:disabled),.alarm-delete-btn:hover:not(:disabled){background:linear-gradient(180deg,#c95055,#a03a3f)}.clear-btn{color:#fff9e8;background:linear-gradient(180deg,#a97926,#805c1d);border-color:#c89b45}input,select,.control-select,.alarm-create-box select,.alarm-create-box input,.alarm-search-box input{color:var(--hmi-text);background:#171c1f;border-color:#66737a;box-shadow:inset 0 2px 4px #00000047}input:focus,select:focus,.control-select:focus,.alarm-create-box select:focus,.alarm-create-box input:focus,.alarm-search-box input:focus{border-color:var(--hmi-blue-bright);box-shadow:0 0 0 2px #83aebe2b,inset 0 2px 4px #00000047}.tag-chip{color:#e8edef;background-color:#2b3439;border-color:#66777f}.chip-remove-btn{color:#cbd4d8;background:none;border:none;box-shadow:none}.trend-header h2,.highlight-text,.alarm-search-title{color:#b9c7cd}.scada-table-wrap,.trend-chart,.alarm-table-wrap{border-color:var(--hmi-border);background-color:#181d20}.scada-table th,.alarm-table th{color:#e0e5e7;background:#30383d}.scada-table th,.scada-table td,.alarm-table th,.alarm-table td{border-color:#97a4ac38}.scada-table tbody tr:nth-child(2n) td,.alarm-table tbody tr:nth-child(2n) td{background-color:#ffffff04}.scada-table tr:hover td,.alarm-table tr:hover td{background:rgba(131,174,190,.075)}.state-pill.normal,.alarm-badge.normal,.alarm-main-status.normal,.ok,.db-status.on{color:#b9d7c1;background-color:#5f936f1f;border-color:#8fc29d6b;box-shadow:none}.edit,.state-pill.waiting{color:#c7dce4;background-color:#55788926;border-color:#83aebe73;box-shadow:none}.state-pill.active,.alarm-badge.triggered,.alarm-main-status.triggered,.error,.alarm-row-triggered{color:#ffe7e8;background-color:#c93f4526;border-color:#ef646994;box-shadow:none}.alarm-row-triggered td:first-child{box-shadow:inset 4px 0 0 var(--hmi-red)}.alarm-high,.priority-high,.alarm-badge.high{color:#ffe7e8;background:rgba(201,63,69,.16);border-color:#ef64699e}.alarm-medium,.priority-medium,.alarm-badge.medium,.warning,.caution{color:#fff1d2;background:rgba(216,155,43,.15);border-color:#f1bf5594}.alarm-low,.priority-low,.alarm-badge.low{color:#fff8cf;background:rgba(230,207,89,.14);border-color:#e6cf5985}.bad-quality,.unknown-quality,.alarm-badge.unknown{color:#f1ddf8;background:rgba(167,120,189,.14);border-color:#c291d885}.signal-light{background:#555e63;border-color:#171c1f;box-shadow:inset -2px -3px 5px #0000007a,inset 1px 1px 2px #ffffff1f}.signal-on{background:#edf1f2;border-color:#96a5ac;box-shadow:0 0 0 3px #5f936f29,inset -2px -3px 5px #00000038}.signal-off{background:#5b6469;border-color:#30383d;box-shadow:inset -2px -3px 5px #00000080,inset 1px 1px 2px #ffffff1a}.alarm-message,.history-message{color:#dfebef;background:rgba(85,120,137,.13);border-color:#83aebe6b}.alarm-error,.triggered-action-box{color:#ffe5e6;background:rgba(201,63,69,.13);border-color:#ef646980}.triggered-action-value,.alarm-action-text.active{color:var(--hmi-red-bright)}.trend-chart,.sld-panel{background:linear-gradient(rgba(151,164,172,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(151,164,172,.055) 1px,transparent 1px),#181d20;border-color:var(--hmi-border)}.chart-axis{stroke:#bec8cd9e}.busbar,.vertical-line{box-shadow:none}.pulse-dot{background:var(--hmi-green);box-shadow:0 0 0 3px #5f936f29}.sld-only-wrapper{background:linear-gradient(135deg,#14191c 0%,#20262a 50%,#151a1d 100%)}.sld-only-drawing-card,.drawing-card{background:linear-gradient(180deg,#f4f5f5 0%,#e8ebec 100%);border-color:#707b81;box-shadow:0 14px 34px #00000052}.sld-only-svg-frame,.svg-frame{background:linear-gradient(90deg,rgba(75,87,94,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(75,87,94,.05) 1px,transparent 1px),#f7f8f8}.sld-only-control-panel,.control-panel{color:var(--hmi-text);background:linear-gradient(180deg,#232a2e,#1a2023);border-color:var(--hmi-border);box-shadow:0 14px 34px #0000004d}.sld-only-panel-section,.panel-section{background:#2a3135;border-color:var(--hmi-border-soft)}.sld-only-switch-control,.switch-control{color:var(--hmi-text);background:#30383d;border-color:#69767d}.sld-only-switch-control:hover,.switch-control:hover{border-color:var(--hmi-blue-bright);background:#374248}.sld-only-switch-open strong,.switch-open strong{color:var(--hmi-green-bright)}.sld-only-switch-closed strong,.switch-closed strong{color:var(--hmi-red-bright)}.sld-only-control-panel::-webkit-scrollbar-track,.scada-table-wrap::-webkit-scrollbar-track,.trend-chart::-webkit-scrollbar-track,.alarm-table-wrap::-webkit-scrollbar-track{background:#171c1f}.sld-only-control-panel::-webkit-scrollbar-thumb,.scada-table-wrap::-webkit-scrollbar-thumb,.trend-chart::-webkit-scrollbar-thumb,.alarm-table-wrap::-webkit-scrollbar-thumb{background:#66757d;border-radius:999px}