body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--tx-bg:#0e0e0e;--tx-panel:#161616;--tx-border:#3a3a3a;--tx-text:#fff;--tx-muted:#9a9a9a;--tx-green:#0f6;--tx-red:red;--tx-orange:#f90;--tx-blue:#00bfff;--tx-deep-blue:#04f;--tx-radius:10px;--tx-shadow:0 0 20px #000000d9;--tx-speed:0.25s}.tx-faceplate{background:linear-gradient(180deg,#151515,#0a0a0a);border:2px solid #3a3a3a;border:2px solid var(--tx-border);border-radius:10px;border-radius:var(--tx-radius);box-shadow:0 0 20px #000000d9;box-shadow:var(--tx-shadow);color:#fff;color:var(--tx-text);font-family:Arial,Helvetica,sans-serif;padding:12px;position:absolute;transition:transform .25s,box-shadow .25s,border-color .25s;transition:transform var(--tx-speed),box-shadow var(--tx-speed),border-color var(--tx-speed);width:280px;z-index:1000}.tx-faceplate:hover{border-color:#5a5a5a}.tx-dragging{transform:scale(1.02);z-index:9999}.tx-header{align-items:center;border-bottom:1px solid #2c2c2c;cursor:move;display:flex;justify-content:space-between;margin-bottom:10px;margin-left:80px;padding-bottom:6px}.tx-tag{color:#00e5ff;font-size:16px;font-weight:800;letter-spacing:.6px;text-shadow:0 0 6px #00e5ff40}.tx-header-right{display:flex;gap:6px}.tx-btn{background:linear-gradient(180deg,#222,#111);border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;height:28px;transition:all .25s;transition:all var(--tx-speed);width:28px}.tx-btn:hover{border-color:#00e5ff;box-shadow:0 0 6px #00e5ff33}.tx-pin.active{border-color:#ffd54f;color:#ffd54f}.tx-value-box{background:#050505;border:1px solid #2c2c2c;border-radius:6px;margin-bottom:10px;padding:10px;text-align:center}.tx-value{font-size:26px;font-weight:800;letter-spacing:1px}.tx-unit{color:#9a9a9a;color:var(--tx-muted);font-size:14px;margin-left:4px}.tx-gauge-container{display:flex;gap:20px;margin-bottom:10px;margin-left:95px}.tx-scale{color:#9a9a9a;color:var(--tx-muted);display:flex;flex-direction:column;font-size:11px;justify-content:space-between}.tx-scale-max,.tx-scale-min{align-self:flex-start}.tx-gauge{background:linear-gradient(180deg,#000,#111);border:1px solid #2c2c2c;border-radius:6px;height:140px;overflow:hidden;position:relative;width:40px}.tx-gauge-fill{bottom:0;position:absolute;transition:height .4s ease,background .3s ease;width:100%}.tx-pointer{background:#fff;box-shadow:0 0 6px #ffffffb3;height:2px;left:-6px;position:absolute;transition:bottom .4s ease;width:50px}.tx-alarm{font-weight:800;letter-spacing:1px;margin-bottom:10px;text-align:center}.tx-HH{color:red;color:var(--tx-red)}.tx-H{color:#f90;color:var(--tx-orange)}.tx-L{color:#00bfff;color:var(--tx-blue)}.tx-LL{color:#04f;color:var(--tx-deep-blue)}.tx-NORMAL{color:#0f6;color:var(--tx-green)}.tx-visuals{margin-bottom:10px}.tx-graph{background:linear-gradient(180deg,#202020,#111);border:1px solid #333;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:8px;text-align:center;transition:all .25s;transition:all var(--tx-speed)}.tx-graph:hover{border-color:#00e5ff;box-shadow:0 0 8px #00e5ff33}.tx-images{display:flex;justify-content:space-between}.tx-img{align-items:center;background:#121212;border:1px solid #2c2c2c;border-radius:6px;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .25s;transition:all var(--tx-speed);width:48px}.tx-img:hover{border-color:#00e5ff}.tx-description{border-top:1px solid #2c2c2c;color:#9a9a9a;color:var(--tx-muted);font-size:12px;line-height:1.4;padding-top:6px}.tx-blink{animation:txBlink .7s infinite}@keyframes txBlink{50%{opacity:.4}}@media (max-width:500px){.tx-faceplate{width:90vw}}.trend-container{background:#111;border:1px solid #444;border-radius:8px;color:#fff;display:flex;flex-direction:column;position:fixed;z-index:99999}.trend-header{border-bottom:1px solid #333;color:cyan;padding:8px}.trend-controls button{background:#222;border:1px solid #444;color:#fff;cursor:pointer;margin-left:5px}.trend-add{border-bottom:1px solid #222;padding:6px}.trend-add input{background:#000;border:1px solid #333;color:#0f0;padding:4px;width:100%}.trend-chart{background:#000}.trend-legend{display:flex;font-size:12px;gap:10px;padding:6px}.trend-resize{background:#00e5ff;bottom:2px;cursor:nwse-resize;height:12px;position:absolute;right:2px;width:12px}.thf-container{background:#0a121cf5;border:2px solid #1d8cff;border-radius:14px;box-shadow:0 0 25px #00000073;color:#fff;display:flex;flex-direction:column;height:650px;overflow:hidden;position:absolute;resize:both;-webkit-user-select:none;user-select:none;width:900px;z-index:9999}.thf-header{align-items:center;background:linear-gradient(90deg,#032544,#064e89);cursor:move;display:flex;gap:14px;height:52px;padding:0 14px}.thf-close{background:#ff4040;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:34px;width:34px}.thf-title{font-size:30px;font-weight:700;letter-spacing:1px;padding-left:300px}.thf-ranges{border-bottom:1px solid #16314a;display:flex;flex-wrap:wrap;gap:6px;padding:10px}.thf-range{background:#17334a;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;padding:7px 10px}.thf-range.active{background:#00bcd4;color:#000;font-weight:700}.thf-search,.thf-search-wrap{padding:10px}.thf-search{background:#0f2334;border:none;border-radius:8px;color:#fff;outline:none;width:100%}.thf-table-wrap{border:1px solid #18344d;border-radius:10px;flex:1 1;margin:0 10px;overflow:auto}.thf-table{border-collapse:collapse;width:100%}.thf-table thead{background:#0f2b44;position:sticky;top:0}.thf-table td,.thf-table th{border-bottom:1px solid #1b3952;font-size:14px;padding:10px;text-align:center}.thf-table tbody tr:hover{background:#17324b}.thf-info{border-top:1px solid #17324b;font-size:14px;line-height:1.8;padding:12px}.thf-footer{background:#09131d;display:flex;gap:10px;padding:12px}.thf-btn{background:#1f4c73;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px}.thf-btn:hover{background:#2b6ea5}.thf-btn.trend{background:#00b894;color:#000}@media (max-width:1000px){.thf-container{height:85vh;left:2vw!important;top:3vh!important;width:95vw}}.thf-share-overlay{align-items:center;animation:thfFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.thf-share-popup{animation:thfPopUp .22s ease;background:linear-gradient(180deg,#102c63,#0a1a38);border:1px solid #3f6fd8;border-radius:16px;box-shadow:0 20px 50px #00000073,inset 0 1px 0 #ffffff14;color:#fff;font-family:Arial,sans-serif;max-width:92vw;padding:20px;width:340px}.thf-share-title{border-bottom:1px solid #ffffff1f;color:#fff;font-size:18px;font-weight:700;letter-spacing:.4px;margin-bottom:18px;padding-bottom:12px;text-align:center}.thf-share-btn{align-items:center;background:linear-gradient(135deg,#1f56d8,#2b7cff);border:none;border-radius:12px;box-shadow:0 6px 14px #00000038;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-bottom:12px;outline:none;padding:14px 16px;transition:all .18s ease;width:100%}.thf-share-btn:hover{background:linear-gradient(135deg,#2a67ff,#4793ff);box-shadow:0 10px 18px #00000047;transform:translateY(-2px)}.thf-share-btn:active{transform:scale(.98)}.thf-share-close{background:#ffffff14;border:none;border-radius:12px;color:#d8e5ff;cursor:pointer;font-size:14px;font-weight:700;margin-top:6px;padding:12px;transition:all .18s ease;width:100%}.thf-share-close:hover{background:#ffffff29}@keyframes thfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes thfPopUp{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111928eb;border-bottom:1px solid #00ffff26;box-sizing:border-box;color:#fff;height:68px;justify-content:space-between;left:0;padding:0 18px;position:fixed;top:0;width:100%;z-index:1000}.topbar,.topbar-title{align-items:center;display:flex}.topbar-title{font-size:24px;font-weight:700;letter-spacing:1px;min-width:260px;padding:6px 12px;transition:all .3s ease}.topbar-title:hover{background:#f8160626;border-radius:5px;box-shadow:0 0 10px #00b4ff66;transform:scale(1.03)}.alarm-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex:1 1;height:52px;margin:0 18px;overflow:hidden;padding:4px 8px}.alarm-header{border-bottom:1px solid #ffffff1a;color:#a8c6ff;display:grid;font-size:9px;font-weight:700;grid-template-columns:1.2fr .8fr 2fr 1fr .8fr;padding:2px 5px}.alarm-scroll{max-height:25px;overflow-y:auto;scrollbar-color:#00bfff #1b2b3a;scrollbar-width:thin}.alarm-scroll::-webkit-scrollbar{width:5px}.alarm-scroll::-webkit-scrollbar-thumb{background:#00bfff;border-radius:10px}.alarm-row{animation:fadeIn .3s ease-in;border-bottom:1px solid #ffffff0d;border-radius:3px;color:#fff;display:grid;font-size:9px;grid-template-columns:1.2fr .8fr 2fr 1fr .8fr;padding:4px 5px;transition:all .2s ease}.alarm-row:hover{background:#00bfff26}.alarm-row.HH{background:#ff000026;border-left:4px solid red}.alarm-row.H{background:#ff8c001f;border-left:4px solid orange}.alarm-row.L{background:#ffff001a;border-left:4px solid gold}.alarm-row.LL{background:#0096ff1a;border-left:4px solid skyblue}.no-alarm{color:#7f8c8d;font-size:10px;padding-top:6px;text-align:center}.topbar-right{gap:18px;justify-content:flex-end;min-width:260px;padding-right:10px;position:relative}.alarm-bell,.topbar-right{align-items:center;display:flex}.alarm-bell{background:#ffffff0d;border-radius:50%;cursor:pointer;font-size:21px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.alarm-bell:hover{background:#00ffff1f;transform:scale(1.15)}.blink{animation:blinkRed .8s infinite}@keyframes blinkRed{0%{color:red;transform:scale(1)}50%{color:#ff4d4d;transform:scale(1.2)}to{color:red;transform:scale(1)}}.user-avatar{border:2px solid #0ff;border-radius:50%;box-shadow:0 0 10px #00ffff88;cursor:pointer;height:38px;overflow:hidden;transition:.3s;width:38px}.user-avatar:hover{box-shadow:0 0 15px #0ff;transform:scale(1.08)}.user-avatar img{height:100%;object-fit:cover;width:100%}.menu-wrapper{position:relative}.menu-button{align-items:center;background:#ffffff14;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0 14px;transition:.3s;-webkit-user-select:none;user-select:none}.menu-button:hover{background:#0ff3;box-shadow:0 0 10px #00ffff88}.menu-dropdown{animation:menuFade .25s ease;background:#111827;border:1px solid #00ffff55;border-radius:10px;box-shadow:0 0 25px #0ff3;overflow:hidden;position:absolute;right:0;top:46px;width:220px;z-index:9999}@keyframes menuFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{border-bottom:1px solid #ffffff0f;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:.25s}.menu-item:hover{background:#00ffff26;color:#0ff;padding-left:22px}.logout-item{color:#ff5e5e}.logout-item:hover{background:#ff000026;color:#ff4040}.alarm-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2000}.alarm-modal-content{background:#0f1c2e;border:1px solid #2c3e50;border-radius:10px;box-shadow:0 0 20px #0009;cursor:grab;display:flex;flex-direction:column;max-height:80%;overflow:hidden;padding:10px;pointer-events:auto;position:absolute;width:60%}.alarm-modal-header{align-items:center;border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding-bottom:5px}.alarm-modal-header button{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 10px}.nk-title{font-weight:700;margin-left:auto;margin-right:auto;transition:all .3s ease}.nk-title:hover{background:#00b4ff26;border-radius:20px;box-shadow:0 0 10px #00b4ff66;padding:2px 10px;transform:scale(1.05)}.alarm-header.full{border-bottom:1px solid #fff3;color:#7fbfff;display:grid;font-size:10px;font-weight:700;grid-template-columns:120px 100px 1fr 120px 100px 90px;margin-top:10px;padding-bottom:5px}.alarm-scroll.full{max-height:260px;overflow-y:auto}.alarm-row.full{border-bottom:1px solid #ffffff0d;color:#fff;display:grid;font-size:10px;grid-template-columns:120px 100px 1fr 120px 100px 90px;padding:5px}.alarm-row.full:hover{background:#00bfff26}.buzzer-on{background:#00ff7f;color:#000}.buzzer-off,.buzzer-on{border:none;border-radius:4px;cursor:pointer;font-size:10px;padding:3px 6px}.buzzer-off{background:#ff4d4d;color:#fff}.topbar *{box-sizing:border-box}.submenu{background:#0f172a;border:1px solid #0ff3;border-radius:8px;display:flex;flex-direction:column;left:0;position:absolute;top:45px;width:180px;z-index:9999}.submenu-item{border-bottom:1px solid #ffffff0d;color:#fff;cursor:pointer;font-size:13px;padding:10px 12px}.submenu-item:hover{background:#00ffff1a}.user-info-overlay{align-items:center;animation:fadeInUser .25s ease;background:#00000073;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:5000}@keyframes fadeInUser{0%{opacity:0}to{opacity:1}}.user-info-window{animation:userPop .3s ease;background:#0f172a;border:1px solid #0ff3;border-radius:14px;box-shadow:0 0 30px #00ffff26;max-width:95%;overflow:hidden;overflow:auto;pointer-events:auto;resize:both;width:760px}@keyframes userPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.user-info-header{background:linear-gradient(90deg,#111827,#0f172a);border-bottom:1px solid #ffffff14;padding:18px 25px;position:relative}.user-info-title-wrapper{text-align:center}.user-info-main-title{color:#0ff;font-size:20px;font-weight:700;letter-spacing:1px}.user-info-sub-title{color:#fff;font-size:14px;letter-spacing:2px;margin-top:2px}.user-info-close{background:#ff4040;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:15px;height:34px;position:absolute;right:18px;top:18px;transition:.25s;width:34px}.user-info-close:hover{transform:scale(1.1)}.user-info-body{padding:25px}.user-info-row{align-items:center;display:flex;gap:5px;margin-bottom:5px}.label{color:#0ff;font-size:14px;font-weight:700;width:160px}.line-value{border-bottom:1px dashed #ffffff59;color:#fff;flex:1 1;font-size:14px;padding-bottom:5px}.access-badge,.active-status{font-weight:700}.active-status{color:#00ff7f}.access-description{color:#9ca3af;font-size:12px;font-style:italic;margin-bottom:5px;margin-left:175px;margin-top:-15px}.user-info-paragraph{background:#ffffff08;border-left:4px solid #0ff;color:#e5e7eb;margin-top:5px}.user-info-disclaimer,.user-info-paragraph{border-radius:10px;font-size:12px;line-height:1.2;padding:10px}.user-info-disclaimer{background:#ff00000d;border-left:4px solid #ff4040;color:#fca5a5;margin-top:-10px}.user-info-footer{background:#111827;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:18px 25px}.user-info-btn{background:#00ffff1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:10px 18px;transition:.25s}.user-info-btn:hover{background:#00ffff38;transform:translateY(-2px)}.close-btn{background:#f003}.close-btn:hover{background:#ff000059}.user-info-body{display:flex;flex-direction:column;height:calc(100% - 120px)}.user-info-scroll{overflow-x:hidden;overflow-y:auto;scrollbar-color:#0ff #0b1f44;scrollbar-width:thin}.user-info-scroll::-webkit-scrollbar{width:6px}.user-info-scroll::-webkit-scrollbar-track{background:#0b1f44}.user-info-scroll::-webkit-scrollbar-thumb{background:#0ff;border-radius:10px}.user-info-header{position:sticky;top:0;z-index:10}.user-info-footer{background:#0b1f44;bottom:0;position:sticky;z-index:10}.user-info-window{background:#0b1f44;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;height:520px;width:420px}.user-info-header{flex:0 0 60px}.user-info-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px}.user-info-footer{flex:0 0 50px}.user-info-window{cursor:grab}.user-info-window:active{cursor:grabbing}@media print{body,html{height:auto;margin:0;overflow:visible!important;padding:0}body *{visibility:hidden}.user-info-window,.user-info-window *{visibility:visible}.user-info-window{background:#fff!important;border:none!important;box-shadow:none!important;height:auto!important;inset:0!important;margin:0!important;overflow:visible!important;padding:20px!important;position:fixed!important;width:100%!important}.user-info-body,.user-info-scroll{height:auto!important;max-height:none!important;overflow:visible!important}.user-info-overlay{background:#fff!important}.user-info-close,.user-info-footer{display:none!important}}.prod-overlay{background:#00000073;inset:0;pointer-events:none;position:fixed;z-index:5000}.prod-window{background:#0f172a;border:1px solid #0ff3;border-radius:12px;box-shadow:0 0 25px #00ffff26;max-width:95%;overflow:auto;pointer-events:auto;position:absolute;resize:both;width:900px}.prod-header{background:#111827;border-bottom:1px solid #ffffff14;padding:14px 18px;position:relative;text-align:center}.prod-title{color:#0ff;font-size:18px;font-weight:700}.prod-subtitle{color:#fff;font-size:13px;letter-spacing:1px;margin-top:4px}.prod-close{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;position:absolute;right:12px;top:10px;width:30px}.prod-body{color:#fff;font-size:13px;padding:18px}.prod-text{color:#cbd5e1;font-size:12px;margin-bottom:12px}.prod-row{grid-gap:10px;align-items:center;border-bottom:1px dashed #ffffff14;display:grid;gap:10px;grid-template-columns:120px 140px 140px 1fr 100px;padding:6px 0}.prod-tag{color:cyan;font-weight:700}.prod-bar{background:#ffffff1a;border-radius:5px;height:8px;overflow:hidden}.prod-bar div{background:cyan;height:100%;transition:.3s}.prod-disclaimer{background:#ff00000d;border-left:3px solid red;border-radius:6px;color:#fca5a5;font-size:12px;margin-top:15px;padding:12px}.prod-footer{background:#111827;border-top:1px solid #ffffff14;display:flex;gap:10px;justify-content:flex-end;padding:12px}.prod-footer button{background:#00ffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 14px}.prod-footer button:hover{background:#00ffff40}.prod-window{will-change:transform}.prod-body{-webkit-user-select:text;user-select:text}.prod-header{cursor:move}.prod-header,.prod-window{-webkit-user-select:none;user-select:none}.faq-overlay{align-items:center;animation:fadeInFaq .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:6000}@keyframes fadeInFaq{0%{opacity:0}to{opacity:1}}.faq-window{animation:popFaq .25s ease;background:#0f172a;border:1px solid #0ff3;border-radius:14px;box-shadow:0 0 35px #00ffff26;display:flex;flex-direction:column;height:600px;max-width:95%;overflow:hidden;overflow:auto;pointer-events:auto;resize:both;width:900px}@keyframes popFaq{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.faq-header{background:linear-gradient(90deg,#111827,#0f172a);border-bottom:1px solid #ffffff14;cursor:move;padding:16px 20px;position:relative}.faq-title-center{text-align:center}.faq-main-title{color:#0ff;font-size:18px;font-weight:700;letter-spacing:1px}.faq-sub-title{color:#fff;font-size:13px;letter-spacing:2px;margin-top:5px}.faq-close{background:#ff4040;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:32px;position:absolute;right:15px;top:12px;transition:.2s;width:32px}.faq-close:hover{transform:scale(1.1)}.faq-body{display:flex;flex:1 1;overflow:hidden}.faq-left{background:#ffffff05;border-right:1px solid #ffffff14;overflow-y:auto;padding:10px;width:30%}.faq-left::-webkit-scrollbar{width:6px}.faq-left::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:10px}.faq-question{border-left:2px solid #0000;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:13px;margin-bottom:8px;padding:10px;transition:.25s}.faq-question:hover{background:#00ffff14;color:#0ff}.faq-question.active{background:#00ffff26;border-left:3px solid #0ff;box-shadow:inset 0 0 10px #00ffff1a;color:#0ff}.faq-right{background:#00000026;overflow-y:auto;padding:20px;width:70%}.faq-right::-webkit-scrollbar{width:6px}.faq-right::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.faq-answer{animation:fadeAnswer .2s ease;background:#ffffff08;border-left:4px solid #0ff;border-radius:10px;color:#e5e7eb;font-size:14px;line-height:1.8;padding:18px;white-space:pre-line}@keyframes fadeAnswer{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{background:#dcdde1;border-top:2px solid #7f8c8d;bottom:0;box-shadow:0 -3px 12px #0000004d;padding:2px;position:fixed;width:100%;z-index:1000}.nav-row{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-bottom:2px}.nav-link{background:#bdc3c7;border:1px solid #7f8c8d;border-radius:4px;color:#000;font-size:11px;font-weight:700;padding:6px 10px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#95a5a6;transform:scale(1.05)}.nav-link.active{background:green;color:#fff}.desktop-home{background-image:url(/static/media/NK%20Tech%20Hub.50fa188371d89a32a7e3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.desktop-header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;color:#fff;display:flex;font-size:22px;font-weight:700;height:55px;letter-spacing:1px;padding-left:20px}.desktop-icons{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,110px);padding:25px}.desktop-icon{cursor:pointer;transition:.25s ease}.desktop-icon:hover{transform:scale(1.08)}.desktop-icon-img{filter:drop-shadow(0 0 8px rgba(0,255,255,.4));height:62px;width:62px}.desktop-icon-text{font-size:14px;margin-top:8px;text-shadow:0 0 5px #000}.desktop-icon{transition:transform .2s ease}.desktop-icon-img{animation:iconPulse 1s ease-in-out infinite;height:100px;width:100px}.desktop-icon-text{margin-top:12px;text-shadow:0 0 6px #000}@keyframes iconPulse{0%{filter:brightness(1) contrast(1);transform:scale(1)}25%{filter:brightness(1.3) contrast(1.2);transform:scale(1.08)}50%{filter:brightness(.9) contrast(1.4);transform:scale(1)}75%{filter:brightness(1.4) contrast(1.3);transform:scale(1.1)}to{filter:brightness(1) contrast(1);transform:scale(1)}}.desktop-icon:hover .desktop-icon-img{animation-duration:.4s;filter:drop-shadow(0 0 12px cyan)}.desktop-icon{perspective:1000px}.desktop-icon-img{animation:icon3DFloat 3s ease-in-out infinite;height:70px;object-fit:contain;transform-style:preserve-3d;width:70px;will-change:transform,filter}.desktop-icon-text{color:#fff;display:block;font-size:13px;font-weight:700;margin-top:6px;text-shadow:0 0 8px #000}@keyframes icon3DFloat{0%{filter:brightness(1) drop-shadow(0 0 6px rgba(255,255,255,.2));transform:translateY(0) rotateY(0deg) rotateX(0deg) scale(1)}25%{filter:brightness(1.15) drop-shadow(0 0 10px rgba(0,255,255,.35));transform:translateY(-6px) rotateY(12deg) rotateX(6deg) scale(1.06)}50%{filter:brightness(1.25) drop-shadow(0 0 14px rgba(255,255,255,.45));transform:translateY(-10px) rotateY(0deg) rotateX(-6deg) scale(1.1)}75%{filter:brightness(1.15) drop-shadow(0 0 10px rgba(0,255,255,.35));transform:translateY(-6px) rotateY(-12deg) rotateX(6deg) scale(1.06)}to{filter:brightness(1) drop-shadow(0 0 6px rgba(255,255,255,.2));transform:translateY(0) rotateY(0deg) rotateX(0deg) scale(1)}}.desktop-icon:hover .desktop-icon-img{animation-duration:1s;filter:brightness(1.35) drop-shadow(0 0 18px cyan)}.desktop-icon:hover .desktop-icon-text{color:#0ff}.desktop-icon{cursor:grab;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:95px}.icon-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1423f5;border:1px solid #00ffff59;border-radius:14px;box-shadow:0 0 18px #00ffff26,0 12px 30px #00000073;color:#fff;left:105px;opacity:0;padding:14px;position:absolute;top:-10px;transform:translateY(10px) scale(.96);transition:all .25s ease;visibility:hidden;width:320px;z-index:999}.desktop-icon:hover .icon-preview{opacity:1;transform:translateY(0) scale(1);visibility:visible}.icon-preview-title{color:#0ff;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.icon-preview-row{color:#dce7f5;font-size:13px;line-height:1.45;margin-bottom:7px}.icon-preview-row strong{color:#fff}.icon-preview-line{background:#ffffff14;height:1px;margin:10px 0}.preview-plan-btn{animation:iconPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#0ff,#00bcd4);border:none;border-radius:10px;color:#001018;cursor:pointer;font-weight:700;padding:10px 12px;transition:all .2s ease;width:100%}.preview-plan-btn:hover{box-shadow:0 0 14px #00ffff59;transform:translateY(-2px)}@media (max-width:900px){.icon-preview{left:0;top:92px;width:280px}}.temp-login-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00ffff26;border:1px solid #0ff6;border-radius:8px;box-shadow:0 0 10px #00ffff26;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;position:fixed;right:12px;top:12px;transition:all .2s ease;z-index:9999}.temp-login-btn:hover{background:#00ffff40;box-shadow:0 0 14px #00ffff59;transform:scale(1.05)}.desktop-login{background-position:50%;background-repeat:no-repeat;font-family:Arial,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.desktop-login:before{background:radial-gradient(circle at center,#0000004d,#000000bf);content:"";inset:0;position:absolute;z-index:0}.desktop-login>*{position:relative;z-index:1}.plant-window{animation:windowPop .25s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a121ed9;border:1px solid #00ffff40;border-radius:16px;box-shadow:0 0 25px #00ffff26,0 20px 60px #0009;left:50%;max-height:70vh;overflow:hidden;position:fixed;top:80px;transform:translateX(-50%);width:420px;z-index:999999}.plant-window-header{align-items:center;background:linear-gradient(90deg,#00ffff26,#0000);border-bottom:1px solid #ffffff14;color:#0ff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;letter-spacing:.5px;padding:12px 14px}.plant-window-header button{background:#ffffff14;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:28px;transition:.2s ease;width:28px}.plant-window-header button:hover{background:#f006;transform:scale(1.1)}.plant-window-body{color:#fff;max-height:55vh;overflow-y:auto;padding:12px}.plant-window-body::-webkit-scrollbar{width:6px}.plant-window-body::-webkit-scrollbar-thumb{background:#0ff6;border-radius:10px}.plant-item{background:#ffffff0a;border:1px solid #00ffff1f;border-radius:10px;color:#e6f7ff;cursor:pointer;margin-bottom:10px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.plant-item:before{background:linear-gradient(120deg,#0000,#00ffff26,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transition:.5s;width:120%}.plant-item:hover:before{left:120%}.plant-item:hover{background:#00ffff0f;border-color:#0ff6;box-shadow:0 0 12px #00ffff26;transform:translateX(5px)}@keyframes windowPop{0%{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}.plant-item.green{border-left:4px solid #32cd32}.plant-item.red{border-left:4px solid red}.status-dot{margin-right:8px}.payment-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;inset:0;position:fixed;z-index:999999}.payment-window{background:#0a121ef7;border:1px solid #00ffff40;border-radius:14px;box-shadow:0 0 25px #00ffff26,0 20px 60px #000000b3;height:590px;overflow:hidden;position:absolute;width:1050px}.payment-header{align-items:center;background:linear-gradient(90deg,#00ffff26,#0003);border-bottom:1px solid #ffffff14;color:#0ff;cursor:move;display:flex;font-weight:700;height:55px;justify-content:space-between;letter-spacing:.5px;padding:0 16px}.plan-container{grid-gap:14px;align-content:start;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);height:calc(100% - 55px);overflow-y:auto;padding:14px}.plan-container::-webkit-scrollbar{width:7px}.plan-container::-webkit-scrollbar-thumb{background:#00ffff59;border-radius:10px}.plan-card{background:#ffffff08;border:1px solid #00ffff26;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;padding:14px 12px;transition:.25s ease}.plan-card:hover{border-color:#0ff6;box-shadow:0 0 18px #00ffff40;transform:translateY(-8px)}.plan-title{font-size:15px;font-weight:700;line-height:1.3}.plan-duration,.plan-title{margin-bottom:6px;margin-top:10px}.plan-duration{color:#b8c7d6;font-size:12px}.plan-price{color:#fff;font-size:18px;font-weight:800;margin-bottom:10px;margin-top:10px}.plan-features{flex:1 1;font-size:12px;line-height:2;margin-top:10px}.plan-row{align-items:center;border-bottom:1px dashed #ffffff0f;color:#d6e6f2;display:flex;justify-content:space-between;padding:4px 0}.buy-btn,.plan-row span:last-child{font-weight:700}.buy-btn{animation:iconPulse 1s ease-in-out infinite;border:none;border-radius:10px;box-shadow:0 0 10px #00ffff26;color:#001018;cursor:pointer;font-size:13px;margin-top:12px;padding:11px;transition:all .25s ease}.buy-btn:hover{box-shadow:0 0 18px #00ffff59;transform:scale(1.04)}@media (max-width:1100px){.plan-container{grid-template-columns:repeat(2,1fr)}.payment-window{width:90%}}@media (max-width:700px){.plan-container{grid-template-columns:1fr}}.WellComp{background-image:url(/static/media/Well%20Comp.866de05e5683da6d8db6.jpg);background-position:50%;background-repeat:no-repeat;background-size:auto;height:100vh;position:relative;width:100%}.wellhead-box{background:#2c3e50;border:2px solid #7f8c8d;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 18px;transition:all .3s ease}.wellhead-box:hover{background:#3498db;border-color:#ecf0f1;transform:scale(1.05)}.wellhead-box.active{background:#32cd32;border-color:#fff}.faceplate-container{background:#1e272e;border:2px solid #7f8c8d;border-radius:10px;box-shadow:0 0 15px #0009;color:#fff;max-height:85vh;overflow-y:auto;padding:15px;position:absolute;width:650px}.faceplate-header{background:#34495e;border-radius:6px;cursor:move;padding:2px;text-align:center}.faceplate-title{margin:0}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;margin-bottom:10px}.comp-label{font-size:12px}.input-field,.percent-input{background:#2c3e50;border:1px solid #7f8c8d;color:#fff;padding:4px;transition:.2s;width:90%}.output-field{background:#111;border:1px solid #555;color:lime;padding:4px;width:90%}.input-field:hover,.percent-input:hover{background:#34495e;border-color:#3498db}.output-field:hover{background:#000;border-color:lime}.total-row{border-top:1px solid #fff;font-weight:700}.label{font-size:12px}.unit{color:#ccc;font-size:11px}.pt-section,.reserve-section{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr;margin-top:15px}.close-btn{background:red;margin-top:2px;padding:2px;width:2%}.close-btn:hover{background:darkred}.summary{display:flex;gap:12px;margin-top:12px;padding:10px}.summary>div{border-radius:6px;box-shadow:0 0 6px #0006;color:#fff;flex:1 1;font-size:12px;font-weight:700;padding:10px}.total-oil{background:linear-gradient(135deg,#3a2a00,#8c5a00);border-left:4px solid #fc0}.total-oil h4{color:#fc0;margin:0 0 6px}.total-oil p{margin:2px 0}.total-gas{background:linear-gradient(135deg,#002a3a,#006680);border-left:4px solid #00d4ff}.total-gas h4{color:#00d4ff;margin:0 0 6px}.total-gas p{margin:2px 0}.impurities-water{background:linear-gradient(135deg,#2a002a,#6b006b);border-left:4px solid #f6f}.impurities-water h4{color:#f6f;margin:0 0 6px}.impurities-water p{margin:2px 0}.summary p{font-size:11px;opacity:.9}.summary>div:hover{cursor:default;transform:scale(1.03);transition:.2s ease-in-out}.faceplate{background:#1e1e1e;border:2px solid #555;border-radius:6px;box-shadow:0 0 10px #000c;color:#fff;padding:15px;position:absolute;-webkit-user-select:none;user-select:none;width:250px;z-index:1000}.faceplate h3{background:#2c3e50;border-radius:4px;cursor:move;font-size:14px;margin:0 0 12px;padding:6px;text-align:center}.faceplate{cursor:default}.faceplate h3{cursor:grab}.faceplate h3:active{cursor:grabbing}.mode-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.mode-buttons button{background:#333;border:1px solid #555;color:#fff;cursor:pointer;flex:1 1;font-size:12px;margin-right:5px;padding:5px;transition:.2s}.mode-buttons button:last-child{margin-right:0}.mode-buttons button:hover{background:#555}.mode-buttons .active{background:lime;color:#000;font-weight:700}.row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.row label{font-size:13px;width:90px}.row input{background:#bbb4b4;border:1px solid #444;color:#0c0c0c;flex:1 1;font-size:13px;outline:none;padding:4px;text-align:center}.row input:focus{border:1px solid cyan;box-shadow:0 0 4px cyan}.increment-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.increment-buttons button{background:#444;border:1px solid #666;color:#fff;cursor:pointer;flex:1 1;font-size:14px;margin-right:5px;padding:6px;transition:.2s}.increment-buttons button:last-child{margin-right:0}.increment-buttons button:hover{background:#777}.close-btn{background:#c0392b;border:none;font-weight:700;margin-top:10px;padding-right:20px;transition:.2s;width:100%}.close-btn:hover{background:#e74c3c}.faceplate:active{box-shadow:0 0 12px cyan}.sp-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sp-button label{font-size:13px;width:80px}.sp-button input{background:#b9b3b3;border:1px solid #444;color:#0c0c0c;flex:1 1;padding:4px;text-align:center}.pv-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pv-button label{font-size:13px;width:80px}.pv-button input{background:#c5bfbf;border:1px solid #444;color:#070707;flex:1 1;padding:4px;text-align:center}.nk1-container{background-image:url(/static/media/NK-1%20Wellhead%20Layout.9c53ed184ff56dba70d2.PNG);background-position:50%;background-repeat:no-repeat;background-size:contain;height:700px;position:relative;width:100%}.SSSV_10102 *{fill:lime;cursor:pointer;transition:fill .3s ease}.SSSV_10102:hover *{filter:brightness(85%)}.SSSV_10102.closed *{fill:red}.FCV-10101{cursor:pointer;transition:all .2s ease}.FCV-10101:hover{transform:scale(1.1)}.FCV-10101:hover path,.FCV-10101:hover polygon,.FCV-10101:hover rect{filter:brightness(1.2)}.FCV-10101:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10102{cursor:pointer;transition:all .2s ease}.FCV-10102:hover{transform:scale(1.1)}.FCV-10102:hover path,.FCV-10102:hover polygon,.FCV-10102:hover rect{filter:brightness(1.2)}.FCV-10102:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10103{cursor:pointer;transition:all .2s ease}.FCV-10103:hover{transform:scale(1.1)}.FCV-10103:hover path,.FCV-10103:hover polygon,.FCV-10103:hover rect{filter:brightness(1.2)}.FCV-10103:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10104{cursor:pointer;transition:all .2s ease}.FCV-10104:hover{transform:scale(1.1)}.FCV-10104:hover path,.FCV-10104:hover polygon,.FCV-10104:hover rect{filter:brightness(1.2)}.FCV-10104:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10105{cursor:pointer;transition:all .2s ease}.FCV-10105:hover{transform:scale(1.1)}.FCV-10105:hover path,.FCV-10105:hover polygon,.FCV-10105:hover rect{filter:brightness(1.2)}.FCV-10105:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10106{cursor:pointer;transition:all .2s ease}.FCV-10106:hover{transform:scale(1.1)}.FCV-10106:hover path,.FCV-10106:hover polygon,.FCV-10106:hover rect{filter:brightness(1.2)}.FCV-10106:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CHK-101{cursor:pointer;transition:all .2s ease}.CHK-101:hover{transform:scale(1.1)}.CHK-101:hover path,.CHK-101:hover polygon,.CHK-101:hover rect{filter:brightness(1.2)}.CHK-101:hover{filter:drop-shadow(0 0 6px #00e5ff)}.XV-10103{cursor:pointer;transition:all .2s ease}.XV-10103:hover{transform:scale(1.1)}.XV-10103:hover path,.XV-10103:hover polygon,.XV-10103:hover rect{filter:brightness(1.2)}.XV-10103:hover{filter:drop-shadow(0 0 6px #00e5ff)}.nk2-container{background-image:url(/static/media/NK-2%20Wellhead%20Layout.76903340e7f48a37ab4d.PNG);background-position:50%;background-repeat:no-repeat;background-size:contain;height:700px;position:relative;width:100%}.SSSV_10202 *{fill:lime;cursor:pointer;transition:fill .3s ease}.SSSV_10202.closed *{fill:red}.SSSV-10202:hover{transform:scale(1.1)}.SSSV-10202:hover path,.SSSV-10202:hover polygon,.SSSV-10202:hover rect{filter:brightness(1.2)}.SSSV-10202:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10201{cursor:pointer;transition:all .2s ease}.FCV-10201:hover{transform:scale(1.1)}.FCV-10201:hover path,.FCV-10201:hover polygon,.FCV-10201:hover rect{filter:brightness(1.2)}.FCV-10201:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10202{cursor:pointer;transition:all .2s ease}.FCV-10202:hover{transform:scale(1.1)}.FCV-10202:hover path,.FCV-10202:hover polygon,.FCV-10202:hover rect{filter:brightness(1.2)}.FCV-10202:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10203{cursor:pointer;transition:all .2s ease}.FCV-10203:hover{transform:scale(1.1)}.FCV-10203:hover path,.FCV-10203:hover polygon,.FCV-10203:hover rect{filter:brightness(1.2)}.FCV-10203:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10204{cursor:pointer;transition:all .2s ease}.FCV-10204:hover{transform:scale(1.1)}.FCV-10204:hover path,.FCV-10204:hover polygon,.FCV-10204:hover rect{filter:brightness(1.2)}.FCV-10204:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10205{cursor:pointer;transition:all .2s ease}.FCV-10205:hover{transform:scale(1.1)}.FCV-10205:hover path,.FCV-10205:hover polygon,.FCV-10205:hover rect{filter:brightness(1.2)}.FCV-10205:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10206{cursor:pointer;transition:all .2s ease}.FCV-10206:hover{transform:scale(1.1)}.FCV-10206:hover path,.FCV-10206:hover polygon,.FCV-10206:hover rect{filter:brightness(1.2)}.FCV-10206:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CHK-102{cursor:pointer;transition:all .2s ease}.CHK-102:hover{transform:scale(1.1)}.CHK-102:hover path,.CHK-102:hover polygon,.CHK-102:hover rect{filter:brightness(1.2)}.CHK-102:hover{filter:drop-shadow(0 0 6px #00e5ff)}.XV-10203{cursor:pointer;transition:all .2s ease}.XV-10203:hover{transform:scale(1.1)}.XV-10203:hover path,.XV-10203:hover polygon,.XV-10203:hover rect{filter:brightness(1.2)}.XV-10203:hover{filter:drop-shadow(0 0 6px #00e5ff)}.nk3-container{background-image:url(/static/media/NK-3%20Wellhead%20Layout.fd025848a96f11fbb283.jpg);height:700px}.H2OInjectionWellhead-container,.nk3-container{background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;width:100%}.H2OInjectionWellhead-container{background-image:url(/static/media/Water%20Injection%20Wellhead-1.c4a7fd976a2765d625ee.jpg);height:525px}.FCV-10401{cursor:pointer;transition:all .2s ease}.FCV-10401:hover{transform:scale(1.1)}.FCV-10401:hover path,.FCV-10401:hover polygon,.FCV-10401:hover rect{filter:brightness(1.2)}.FCV-10401:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CHK-401{cursor:pointer;transition:all .2s ease}.CHK-401:hover{transform:scale(1.1)}.CHK-401:hover path,.CHK-401:hover polygon,.CHK-401:hover rect{filter:brightness(1.2)}.CHK-401:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10403{cursor:pointer;transition:all .2s ease}.FCV-10403:hover{transform:scale(1.1)}.FCV-10403:hover path,.FCV-10403:hover polygon,.FCV-10403:hover rect{filter:brightness(1.2)}.FCV-10403:hover{filter:drop-shadow(0 0 6px #00e5ff)}.GasLiftManifold-container{background-image:url(/static/media/Gas%20Lift%20Manifold.8e2ef955f296f478639c.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.FCV-10801{cursor:pointer;transition:all .2s ease}.FCV-10801:hover{transform:scale(1.1)}.FCV-10801:hover path,.FCV-10801:hover polygon,.FCV-10801:hover rect{filter:brightness(1.2)}.FCV-10801:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10802{cursor:pointer;transition:all .2s ease}.FCV-10802:hover{transform:scale(1.1)}.FCV-10802:hover path,.FCV-10802:hover polygon,.FCV-10802:hover rect{filter:brightness(1.2)}.FCV-10802:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10803{cursor:pointer;transition:all .2s ease}.FCV-10803:hover{transform:scale(1.1)}.FCV-10803:hover path,.FCV-10803:hover polygon,.FCV-10803:hover rect{filter:brightness(1.2)}.FCV-10803:hover{filter:drop-shadow(0 0 6px #00e5ff)}.TestHeader-container{background-image:url(/static/media/Test%20Manifold%20Layout.02c02c22b8fd9f532d85.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:542px;position:relative;width:100%}.SSSV_10302 *{fill:lime;cursor:pointer;transition:fill .3s ease}.SSSV_10302.closed *{fill:red}.SSSV-10302:hover{transform:scale(1.1)}.SSSV-10302:hover path,.SSSV-10302:hover polygon,.SSSV-10302:hover rect{filter:brightness(1.2)}.SSSV-10302:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10301{cursor:pointer;transition:all .2s ease}.FCV-10301:hover{transform:scale(1.1)}.FCV-10301:hover path,.FCV-10301:hover polygon,.FCV-10301:hover rect{filter:brightness(1.2)}.FCV-10301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10302{cursor:pointer;transition:all .2s ease}.FCV-10302:hover{transform:scale(1.1)}.FCV-10302:hover path,.FCV-10302:hover polygon,.FCV-10302:hover rect{filter:brightness(1.2)}.FCV-10302:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10303{cursor:pointer;transition:all .2s ease}.FCV-10303:hover{transform:scale(1.1)}.FCV-10303:hover path,.FCV-10303:hover polygon,.FCV-10303:hover rect{filter:brightness(1.2)}.FCV-10303:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10304{cursor:pointer;transition:all .2s ease}.FCV-10304:hover{transform:scale(1.1)}.FCV-10304:hover path,.FCV-10304:hover polygon,.FCV-10304:hover rect{filter:brightness(1.2)}.FCV-10304:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10305{cursor:pointer;transition:all .2s ease}.FCV-10305:hover{transform:scale(1.1)}.FCV-10305:hover path,.FCV-10305:hover polygon,.FCV-10305:hover rect{filter:brightness(1.2)}.FCV-10305:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-10306{cursor:pointer;transition:all .2s ease}.FCV-10306:hover{transform:scale(1.1)}.FCV-10306:hover path,.FCV-10306:hover polygon,.FCV-10306:hover rect{filter:brightness(1.2)}.FCV-10306:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CHK-103{cursor:pointer;transition:all .2s ease}.CHK-103:hover{transform:scale(1.1)}.CHK-103:hover path,.CHK-103:hover polygon,.CHK-103:hover rect{filter:brightness(1.2)}.CHK-103:hover{filter:drop-shadow(0 0 6px #00e5ff)}.XV-10303{cursor:pointer;transition:all .2s ease}.XV-10303:hover{transform:scale(1.1)}.XV-10303:hover path,.XV-10303:hover polygon,.XV-10303:hover rect{filter:brightness(1.2)}.XV-10303:hover{filter:drop-shadow(0 0 6px #00e5ff)}.ProductionHeader1-container{background-image:url(/static/media/Production%20Header-1%20Layout1.804ad109fa05993cde3e.png)}.ProductionHeader1-container,.ProductionHeader2-container{background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.ProductionHeader2-container{background-image:url(/static/media/Production%20Header-2%20Layout1.c6b5dca12d5a5113fc87.png)}.FCV-10501{cursor:pointer;transition:all .2s ease}.FCV-10501:hover{transform:scale(1.1)}.FCV-10501:hover path,.FCV-10501:hover polygon,.FCV-10501:hover rect{filter:brightness(1.2)}.FCV-10501:hover{filter:drop-shadow(0 0 6px #00e5ff)}.XV-10501{cursor:pointer;transition:all .2s ease}.XV-10501:hover{transform:scale(1.1)}.XV-10501:hover path,.XV-10501:hover polygon,.XV-10501:hover rect{filter:brightness(1.2)}.XV-10501:hover{filter:drop-shadow(0 0 6px #00e5ff)}.pressure-transmitter-output,.temperature-transmitter-output{border-radius:4px;font-size:10px;font-weight:700;min-width:40px;padding:0 1px;text-align:center;transition:all .3s ease}.temperature-transmitter-output.normal{color:#0aee56}.temperature-transmitter-output.warning{color:#f4b400}.temperature-transmitter-output.alarm{animation:tempBlink 1s infinite;color:#db4437}.pressure-transmitter-output.normal{color:#0aee56}.pressure-transmitter-output.warning{color:#fbbc05}.pressure-transmitter-output.alarm{animation:pressureBlink 1s infinite;color:#d93025}.PigLauncher-container{background-image:url(/static/media/Pig%20Launcher%20Layout.35b50fa3f62ecffdf765.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.FCV-10901{cursor:pointer;transition:all .2s ease}.FCV-10901:hover{transform:scale(1.1)}.FCV-10901:hover path,.FCV-10901:hover polygon,.FCV-10901:hover rect{filter:brightness(1.2)}.FCV-10901:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PigReceiver-container{background-image:url(/static/media/Pig%20Receiver%20Layout.8269ac199421faff0617.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.FCV-11001{cursor:pointer;transition:all .2s ease}.FCV-11001:hover{transform:scale(1.1)}.FCV-11001:hover path,.FCV-11001:hover polygon,.FCV-11001:hover rect{filter:brightness(1.2)}.FCV-11001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-11002{cursor:pointer;transition:all .2s ease}.FCV-11002:hover{transform:scale(1.1)}.FCV-11002:hover path,.FCV-11002:hover polygon,.FCV-11002:hover rect{filter:brightness(1.2)}.FCV-11002:hover{filter:drop-shadow(0 0 6px #00e5ff)}.TestSeparator-container{background-image:url(/static/media/Test%20Separator%20Layout.0ca9b9d7dba8a0acef7b.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-13001{cursor:pointer;transition:all .2s ease}.FCV-13001:hover{transform:scale(1.1)}.FCV-13001:hover path,.FCV-13001:hover polygon,.FCV-13001:hover rect{filter:brightness(1.2)}.FCV-13001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-13003{cursor:pointer;transition:all .2s ease}.FCV-13003:hover{transform:scale(1.1)}.FCV-13003:hover path,.FCV-13003:hover polygon,.FCV-13003:hover rect{filter:brightness(1.2)}.FCV-13003:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-13005{cursor:pointer;transition:all .2s ease}.FCV-13005:hover{transform:scale(1.1)}.FCV-13005:hover path,.FCV-13005:hover polygon,.FCV-13005:hover rect{filter:brightness(1.2)}.FCV-13005:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-13006{cursor:pointer;transition:all .2s ease}.FCV-13006:hover{transform:scale(1.1)}.FCV-13006:hover path,.FCV-13006:hover polygon,.FCV-13006:hover rect{filter:brightness(1.2)}.FCV-13006:hover{filter:drop-shadow(0 0 6px #00e5ff)}.tsa-overlay{inset:0;position:fixed;z-index:9999}.tsa-window{animation:tsaFade .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#080f1efa,#0a1226fa);border:2px solid #1d4ed8;border-radius:18px;box-shadow:0 0 30px #008cff40,0 0 60px #0009;min-height:500px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;width:950px}@keyframes tsaFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tsa-header{background:linear-gradient(90deg,#071224,#0f2a52,#071224);border-bottom:2px solid #1d4ed8;cursor:move;height:60px;position:relative}.tsa-header,.tsa-header-center{align-items:center;display:flex;justify-content:center}.tsa-header-center{flex-direction:column}.tsa-title{color:#fff;font-size:23px;font-weight:700;letter-spacing:1px;text-shadow:0 0 12px #00b4ff99;text-transform:uppercase}.tsa-subtitle{color:#60a5fa;font-size:15px;font-weight:600;letter-spacing:2px;margin-top:8px;text-transform:uppercase}.tsa-close{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:22px;font-weight:700;height:32px;position:absolute;right:18px;top:18px;transition:.25s;width:32px}.tsa-close:hover{background:#ef4444;box-shadow:0 0 14px #f009;transform:scale(1.08)}.tsa-toolbar{background:#061224f2;border-bottom:1px solid #3b82f659;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.tsa-toolbar button{background:linear-gradient(180deg,#112244e6,#0a1428f2);border:1px solid #3b82f673;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:250px;padding:10px;transition:all .25s ease}.tsa-toolbar button:hover{background:linear-gradient(180deg,#2563ebf2,#1e40aff2);box-shadow:0 0 16px #2563eb80;transform:translateY(-2px)}.tsa-body{color:#fff;max-height:420px;overflow-y:auto;padding:10px}.tsa-table-header{background:#1e40af47;border:1px solid #3b82f659;color:#93c5fd;font-size:14px;font-weight:700;margin-bottom:14px;padding:10px 16px}.tsa-row,.tsa-table-header{border-radius:12px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.tsa-row{align-items:center;background:#0f172aeb;border:1px solid #ffffff0f;margin-bottom:10px;padding:5px 16px;transition:.25s}.tsa-row:hover{background:#1e293bf5;border:1px solid #3b82f659;transform:translateX(2px)}.tsa-row span:first-child{color:#f8fafc;font-weight:600;letter-spacing:.3px}.tsa-row span:not(:first-child){color:#60a5fa;font-weight:600}.tsa-gor{background:linear-gradient(90deg,#064e3beb,#047857eb);border:1px solid #10b98173;border-radius:14px;box-shadow:0 0 18px #10b98140;color:#ecfdf5;font-size:18px;font-weight:700;margin-top:10px;padding:10px;text-align:center}.tsa-disclaimer{background:#78350f2e;border:1px solid #fbbf2447;border-radius:12px;color:#fde68a;font-size:13px;line-height:1.6;margin-top:15px;padding:10px}.tsa-footer{background:#040a14fa;border-top:1px solid #3b82f640;display:flex;flex-wrap:wrap;gap:14px;padding:10px}.tsa-footer button{background:linear-gradient(180deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;min-width:160px;padding:10px;transition:.25s}.tsa-footer button:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 0 18px #2563eb73;transform:translateY(-2px)}.tsa-footer button:disabled{cursor:not-allowed;opacity:.6}.tsa-body::-webkit-scrollbar{width:10px}.tsa-body::-webkit-scrollbar-track{background:#071224}.tsa-body::-webkit-scrollbar-thumb{background:#2563eb;border-radius:12px}.tsa-body::-webkit-scrollbar-thumb:hover{background:#3b82f6}@media (max-width:1280px){.tsa-window{min-height:auto;width:96vw}.tsa-footer,.tsa-toolbar{flex-direction:column}.tsa-row,.tsa-table-header{font-size:12px;grid-template-columns:1.5fr 1fr 1fr 1fr}}@media (max-width:768px){.tsa-title{font-size:16px;text-align:center}.tsa-subtitle{font-size:12px}.tsa-window{width:98vw}.tsa-body{padding:10px}.tsa-footer button,.tsa-toolbar button{min-width:100%}.tsa-row,.tsa-table-header{font-size:11px}}.FirstStageSeparator-container{background-image:url(/static/media/1st%20Stage%20Separation%20Layout.1dea591150a047c3c158.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-12001{cursor:pointer;transition:all .2s ease}.FCV-12001:hover{transform:scale(1.1)}.FCV-12001:hover path,.FCV-12001:hover polygon,.FCV-12001:hover rect{filter:brightness(1.2)}.FCV-12001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-12002{cursor:pointer;transition:all .2s ease}.FCV-12002:hover{transform:scale(1.1)}.FCV-12002:hover path,.FCV-12002:hover polygon,.FCV-12002:hover rect{filter:brightness(1.2)}.FCV-12002:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-12003{cursor:pointer;transition:all .2s ease}.FCV-12003:hover{transform:scale(1.1)}.FCV-12003:hover path,.FCV-12003:hover polygon,.FCV-12003:hover rect{filter:brightness(1.2)}.FCV-12003:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-12005{cursor:pointer;transition:all .2s ease}.FCV-12005:hover{transform:scale(1.1)}.FCV-12005:hover path,.FCV-12005:hover polygon,.FCV-12005:hover rect{filter:brightness(1.2)}.FCV-12005:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-12006{cursor:pointer;transition:all .2s ease}.FCV-12006:hover{transform:scale(1.1)}.FCV-12006:hover path,.FCV-12006:hover polygon,.FCV-12006:hover rect{filter:brightness(1.2)}.FCV-12006:hover{filter:drop-shadow(0 0 6px #00e5ff)}.ac-faceplate{animation:popIn .25s ease;background:linear-gradient(145deg,#0f1116,#1a1f2a);border:1px solid #00ffc840;border-radius:12px;box-shadow:0 10px 30px #0009;color:#fff;font-family:Arial,sans-serif;overflow:hidden;position:absolute;width:360px;z-index:999}.ac-header{align-items:center;background:#00ffc814;border-bottom:1px solid #00ffc833;cursor:move;display:flex;justify-content:space-between;padding:12px 14px}.ac-title{color:#00ffd5;flex:1 1;font-size:20px;font-weight:800;letter-spacing:2px;text-align:center;text-transform:uppercase;transition:all .5s ease}.ac-close-btn{background:#ff2b2b;border:none;border-radius:6px;color:#fff;cursor:pointer;height:26px;transition:.2s ease;width:26px}.ac-close-btn:hover{background:red;transform:scale(1.1)}.ac-body{display:flex;flex-direction:column;gap:10px;padding:12px}.ac-row{align-items:center;display:flex;justify-content:space-between}.ac-row label{color:#aaa;font-size:12px;width:40%}.ac-input{background:#12151c;border:1px solid #333;border-radius:6px;color:#fff;outline:none;padding:6px;width:60%}.ac-input:focus{border-color:#00ffd5}.ac-actions{align-items:stretch;display:flex;gap:8px;padding:10px}.ac-btn-group{display:flex;flex:9 1;gap:6px}.ac-btn{border:none;border-radius:6px;box-shadow:0 4px 10px #0000004d;cursor:pointer;flex:1 1;font-weight:700;padding:10px;transform:translateY(0);transition:all .2s ease}.ac-start-btn{background:#2e7d32;color:#fff}.ac-start-btn.active-start{background:#0f6;box-shadow:inset 0 3px 8px #0006;color:#000;transform:translateY(2px)}.ac-start-btn.inactive{background:#8b0000;color:#fff;opacity:.8}.ac-stop-btn{background:#b71c1c;color:#fff}.ac-stop-btn.active-stop{background:#ff1a1a;box-shadow:inset 0 3px 8px #00000080;color:#fff;transform:translateY(2px)}.ac-stop-btn.inactive{background:#2e7d32;color:#fff;opacity:.8}.ac-btn:active{box-shadow:inset 0 2px 6px #0009;transform:translateY(3px)}.ac-graph{align-items:center;display:flex;flex:0.5 1;justify-content:center}.ac-graph-inner{background:#ffffff08;border:1px solid #00ffc826;border-radius:6px;cursor:pointer;height:50%;overflow:hidden;position:relative;transition:all .25s ease;width:50%}.ac-graph-inner img{height:100%;object-fit:contain;opacity:.9;transition:transform .3s ease,filter .3s ease;width:100%}.ac-graph-inner:hover{border-color:#00ffc866;box-shadow:0 0 15px #00ffc840;transform:scale(1.08) rotateX(6deg) rotateY(-6deg)}.ac-graph-inner:hover img{filter:brightness(1.2) contrast(1.1);transform:scale(1.05)}.ac-graph-pointer{animation:pointerPulse 1.5s ease-in-out infinite;background:red;bottom:50%;box-shadow:0 0 6px #f00c;height:40%;left:50%;position:absolute;transform:rotate(-30deg);transform-origin:bottom center;width:2px}.ac-graph-pointer:after{border-bottom:8px solid red;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:-4px;position:absolute;top:0;width:0}@keyframes pointerPulse{0%{opacity:.8;transform:rotate(-30deg) scale(1)}50%{opacity:1;transform:rotate(-28deg) scale(1.05)}to{opacity:.8;transform:rotate(-30deg) scale(1)}}.ac-graph-inner:active{transform:scale(1.03) rotateX(2deg)}.SecondStageSeparator-container{background-image:url(/static/media/2nd%20Stage%20Separation%20Layout.72f321b500844f053d3d.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-14001{cursor:pointer;transition:all .2s ease}.FCV-14001:hover{transform:scale(1.1)}.FCV-14001:hover path,.FCV-14001:hover polygon,.FCV-14001:hover rect{filter:brightness(1.2)}.FCV-14001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-14002{cursor:pointer;transition:all .2s ease}.FCV-14002:hover{transform:scale(1.1)}.FCV-14002:hover path,.FCV-14002:hover polygon,.FCV-14002:hover rect{filter:brightness(1.2)}.FCV-14002:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-14003{cursor:pointer;transition:all .2s ease}.FCV-14003:hover{transform:scale(1.1)}.FCV-14003:hover path,.FCV-14003:hover polygon,.FCV-14003:hover rect{filter:brightness(1.2)}.FCV-14003:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-14004{cursor:pointer;transition:all .2s ease}.FCV-14004:hover{transform:scale(1.1)}.FCV-14004:hover path,.FCV-14004:hover polygon,.FCV-14004:hover rect{filter:brightness(1.2)}.FCV-14004:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-14005{cursor:pointer;transition:all .2s ease}.FCV-14005:hover{transform:scale(1.1)}.FCV-14005:hover path,.FCV-14005:hover polygon,.FCV-14005:hover rect{filter:brightness(1.2)}.FCV-14005:hover{filter:drop-shadow(0 0 6px #00e5ff)}.ThirdStageSeparator-container{background-image:url(/static/media/3rd%20Stage%20Separation%20Layout.19d598a86a5b81239e6b.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-15001{cursor:pointer;transition:all .2s ease}.FCV-15001:hover{transform:scale(1.1)}.FCV-15001:hover path,.FCV-15001:hover polygon,.FCV-15001:hover rect{filter:brightness(1.2)}.FCV-15001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-15002{cursor:pointer;transition:all .2s ease}.FCV-15002:hover{transform:scale(1.1)}.FCV-15002:hover path,.FCV-15002:hover polygon,.FCV-15002:hover rect{filter:brightness(1.2)}.FCV-15002:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-15003{cursor:pointer;transition:all .2s ease}.FCV-15003:hover{transform:scale(1.1)}.FCV-15003:hover path,.FCV-15003:hover polygon,.FCV-15003:hover rect{filter:brightness(1.2)}.FCV-15003:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-15004{cursor:pointer;transition:all .2s ease}.FCV-15004:hover{transform:scale(1.1)}.FCV-15004:hover path,.FCV-15004:hover polygon,.FCV-15004:hover rect{filter:brightness(1.2)}.FCV-15004:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-15005{cursor:pointer;transition:all .2s ease}.FCV-15005:hover{transform:scale(1.1)}.FCV-15005:hover path,.FCV-15005:hover polygon,.FCV-15005:hover rect{filter:brightness(1.2)}.FCV-15005:hover{filter:drop-shadow(0 0 6px #00e5ff)}.SludgeCatcher-container{background-image:url(/static/media/Sludge%20Catcher%20Layout.8f02a2b5fff2e9933983.jpg)}.CrudeDehyd-container,.SludgeCatcher-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.CrudeDehyd-container{background-image:url(/static/media/Crude%20Dehydrator%20Layout1.b83729d81f1bac485e7c.png)}.pump-faceplate{animation:popIn .25s ease;background:linear-gradient(145deg,#0f1116,#1a1f2a);border:1px solid #00ffc840;border-radius:12px;box-shadow:0 10px 30px #0009;color:#fff;font-family:Arial,sans-serif;overflow:hidden;position:absolute;width:360px;z-index:999}.pump-header{align-items:center;background:#00ffc814;border-bottom:1px solid #00ffc833;cursor:move;display:flex;justify-content:space-between;padding:12px 14px}.pump-title{color:#00ffd5;flex:1 1;font-size:20px;font-weight:800;letter-spacing:2px;text-align:center;text-transform:uppercase}.pump-close-btn{background:#ff2b2b;border:none;border-radius:6px;color:#fff;cursor:pointer;height:26px;width:26px}.pump-close-btn:hover{background:red;transform:scale(1.1)}.pump-body{display:flex;flex-direction:column;gap:10px;padding:12px}.pump-row{align-items:center;display:flex;justify-content:space-between}.pump-row label{color:#aaa;font-size:12px;width:40%}.pump-row input{background:#12151c;border:1px solid #333;border-radius:6px;color:#fff;outline:none;padding:6px;width:60%}.pump-actions{align-items:stretch;display:flex;gap:8px;padding:10px}.pump-btn{border:none;border-radius:6px;box-shadow:0 4px 10px #0000004d;cursor:pointer;flex:1 1;font-weight:700;padding:10px;transition:all .2s ease}.pump-btn.start{background:#2e7d32;color:#fff}.pump-btn.start.active-start{background:#0f6;box-shadow:inset 0 3px 8px #0006;color:#000}.pump-btn.start.inactive{background:#8b0000;color:#fff;opacity:.8}.pump-btn.stop{background:#b71c1c;color:#fff}.pump-btn.stop.active-stop{background:#ff1a1a;box-shadow:inset 0 3px 8px #00000080}.pump-btn.stop.inactive{background:#2e7d32;opacity:.8}.pump-graph{align-items:center;display:flex;flex:0.5 1;justify-content:center}.pump-graph-inner{background:#ffffff08;border:1px solid #00ffc826;border-radius:6px;cursor:pointer;height:50%;overflow:hidden;position:relative;transition:all .25s ease;width:50%}.pump-graph-inner img{height:100%;object-fit:contain;width:100%}.pump-graph-pointer{background:red;bottom:50%;box-shadow:0 0 6px #f00c;height:40%;left:50%;position:absolute;transform:rotate(-30deg);transform-origin:bottom center;width:2px}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--egt-bg:#111;--egt-panel:#1a1a1a;--egt-border:#3a3a3a;--egt-text:#fff;--egt-muted:#9e9e9e;--egt-cyan:#00e5ff;--egt-green:#0f6;--egt-red:#ff4040;--egt-yellow:#ffd54f;--egt-radius:10px}.egt-faceplate{background:linear-gradient(180deg,#141414,#0c0c0c);border:2px solid #3a3a3a;border:2px solid var(--egt-border);border-radius:10px;border-radius:var(--egt-radius);box-shadow:0 0 18px #000c;color:#fff;color:var(--egt-text);font-family:Arial,Helvetica,sans-serif;padding:14px;position:absolute;width:440px;z-index:1000}.egt-header{align-items:center;border-bottom:1px solid #2a2a2a;cursor:move;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.egt-title{color:#00e5ff;color:var(--egt-cyan);font-size:18px;font-weight:700}.egt-header-right{align-items:center;display:flex;gap:8px}.egt-status{border-radius:6px;font-size:12px;font-weight:700;padding:5px 10px}.egt-run{background:#0f6;background:var(--egt-green);color:#000}.egt-stop{background:#555}.egt-trip{background:#ff4040;background:var(--egt-red)}.egt-blink{animation:blink .7s infinite}@keyframes blink{50%{opacity:.3}}.egt-mode{color:#9e9e9e;color:var(--egt-muted);font-size:13px;margin-bottom:10px}.egt-mode span{color:#fff;font-weight:700}.egt-card{background:linear-gradient(180deg,#181818,#101010);border:1px solid #2a2a2a;border-radius:8px;margin-bottom:12px;padding:10px}.egt-section-title{color:#00e5ff;color:var(--egt-cyan);font-size:13px;font-weight:700;margin-bottom:8px}.egt-row{align-items:center;display:flex;justify-content:space-between;margin:4px 0}.egt-label{color:#9e9e9e;color:var(--egt-muted);font-size:13px}.egt-value{font-size:13px;font-weight:700}.egt-highlight{background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;font-weight:700;margin-top:6px;padding:6px}.egt-highlight,.egt-input-row{display:flex;justify-content:space-between}.egt-input-row{align-items:center}.egt-input{background:#000;border:1px solid #444;border-radius:5px;color:#fff;padding:5px;text-align:center;width:80px}.egt-controls-row{display:flex;gap:10px;margin-top:8px}.egt-btn{background:linear-gradient(180deg,#222,#111);border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.egt-btn:hover{border-color:#00e5ff;border-color:var(--egt-cyan)}.egt-start{background:#030;border-color:#0f6;border-color:var(--egt-green)}.egt-stop-btn{background:#300;border-color:#ff4040;border-color:var(--egt-red)}.egt-controls{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.CrudeExport-container{background-image:url(/static/media/Crude%20Export1.72e970823725838e5003.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1601{cursor:pointer;transition:all .2s ease}.FCV-1601:hover{transform:scale(1.1)}.FCV-1601:hover path,.FCV-1601:hover polygon,.FCV-1601:hover rect{filter:brightness(1.2)}.FCV-1601:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1602{cursor:pointer;transition:all .2s ease}.FCV-1602:hover{transform:scale(1.1)}.FCV-1602:hover path,.FCV-1602:hover polygon,.FCV-1602:hover rect{filter:brightness(1.2)}.FCV-1602:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LPCompSuctDrumA-container{background-image:url("/static/media/LP%20Comp%20Suct%20Drum%20(A)%20Layout.ddcbb572701923289157.jpg");background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-17001A{cursor:pointer;transition:all .2s ease}.FCV-17001A:hover{transform:scale(1.1)}.FCV-17001A:hover path,.FCV-17001A:hover polygon,.FCV-17001A:hover rect{filter:brightness(1.2)}.FCV-17001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-17001A{cursor:pointer;transition:all .2s ease}.PCV-17001A:hover{transform:scale(1.1)}.PCV-17001A:hover path,.PCV-17001A:hover polygon,.PCV-17001A:hover rect{filter:brightness(1.2)}.PCV-17001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-17002A{cursor:pointer;transition:all .2s ease}.PCV-17002A:hover{transform:scale(1.1)}.PCV-17002A:hover path,.PCV-17002A:hover polygon,.PCV-17002A:hover rect{filter:brightness(1.2)}.PCV-17002A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.trend-faceplate{background:linear-gradient(145deg,#071018,#0b1f2a);border:1px solid #00d2ff99;border-radius:10px;box-shadow:0 10px 30px #0009,inset 0 0 20px #00d2ff0d;color:#00ffae;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;height:580px;overflow:hidden;position:absolute;width:920px;z-index:99999}.trend-header{align-items:center;background:linear-gradient(90deg,#0b1f2a,#0e2a38);border-bottom:1px solid #00d2ff66;cursor:move;display:flex;justify-content:space-between;padding:10px 14px}.trend-title{color:#00ffae;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.trend-header .close-btn{background:#0000;border:1px solid #00d2ff99;border-radius:4px;color:#00ffae;cursor:pointer;font-size:14px;height:28px;transition:.2s ease-in-out;width:28px}.trend-header .close-btn:hover{background:#ff000026;border-color:#f009;color:#ff4d4d}.trend-body{display:flex;flex:1 1;overflow:hidden}.trend-sidebar{background:#00000026;border-right:1px solid #00d2ff66;overflow-y:auto;padding:12px;width:240px}.trend-section-title{color:#00d2ff;font-size:12px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.trend-checkbox{align-items:center;border:1px solid #0000;border-radius:5px;cursor:pointer;display:flex;font-size:12px;gap:8px;margin-bottom:6px;padding:6px 8px;transition:.2s}.trend-checkbox:hover{background:#00d2ff14;border-color:#00d2ff4d}.trend-chart{background:radial-gradient(circle at top,#00d2ff0d,#0000);flex:1 1;padding:12px}.trend-footer{background:#0003;border-top:1px solid #00d2ff66;display:flex;gap:12px;justify-content:center;padding:10px}.trend-footer button{background:#0000;border:1px solid #00d2ff99;border-radius:5px;color:#00ffae;cursor:pointer;font-size:12px;letter-spacing:.5px;padding:6px 14px;transition:all .2s ease-in-out}.trend-footer button:hover{background:#00d2ff1f;box-shadow:0 0 10px #00d2ff33;transform:translateY(-1px)}.trend-footer button:active{box-shadow:none;transform:translateY(0)}.trend-sidebar::-webkit-scrollbar{width:6px}.trend-sidebar::-webkit-scrollbar-thumb{background:#00d2ff4d;border-radius:10px}.trend-sidebar::-webkit-scrollbar-track{background:#0000}@media (max-width:1000px){.trend-faceplate{height:80vh;width:95vw}}.compressor-faceplate{background:linear-gradient(145deg,#0b0f14,#141b23,#0a0d12);border:1px solid #2c3e50;border-radius:10px;box-shadow:0 10px 35px #000000b3,inset 0 0 20px #00ff780d;color:#dfe6e9;font-family:Segoe UI,Arial,sans-serif;height:500px;overflow:hidden;position:absolute;width:800px}.compressor-header{align-items:center;background:linear-gradient(90deg,#111827,#1f2937,#111827);border-bottom:1px solid #2c3e50;cursor:move;display:flex;height:45px;justify-content:space-between;padding:0 10px}.compressor-title{color:#00d2ff;font-size:20px;font-weight:700;letter-spacing:1px}.compressor-header-right{align-items:center;display:flex;gap:10px}.mini-status{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px}.mini-status.running{background:#00ff6426;box-shadow:0 0 8px lime;color:lime}.mini-status.stopped{background:#ff000026;box-shadow:0 0 8px red;color:red}.mini-status.tripped{background:#ff8c0026;box-shadow:0 0 8px orange;color:orange}.close-btn{background:#0000;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;padding:3px 8px;transition:.3s}.close-btn:hover{background:red;border-color:red;box-shadow:0 0 10px red}.compressor-body{display:flex;height:calc(100% - 90px)}.compressor-left{background:#00000026;border-right:1px solid #2c3e50;overflow-y:auto;padding:10px;width:32%}.compressor-right{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;width:68%}.section-title{border-bottom:1px solid #2c3e50;color:#00d2ff;font-size:12px;font-weight:700;letter-spacing:1px;margin:5px 0 8px;padding-bottom:4px}.live-row{align-items:center;border-bottom:1px dashed #ffffff0d;display:flex;font-size:10px;justify-content:space-between;padding:2px 0}.live-row span:first-child{color:#dfe6e9}.live-row span:last-child{color:#00ffae;font-weight:700}.setting-row{display:flex;flex-direction:column;margin-bottom:5px}.setting-row label{color:#aaa;font-size:11px;margin-bottom:4px}.setting-row input,.setting-row select{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#00ffae;font-size:12px;outline:none;padding:6px}.setting-row input:focus,.setting-row select:focus{border-color:#00d2ff;box-shadow:0 0 6px #00d2ff}.permissive-container{margin-top:5px}.permissive-row{align-items:center;display:flex;gap:5px;justify-content:space-between;margin-bottom:5px}.permissive-row label{color:#cbd5e1;font-size:11px;width:65%}.permissive-row select{width:35%}.sequence-board{background:#f70202;border:1px solid #334155;border-radius:8px;box-shadow:inset 0 0 10px #00ffc80d;font-size:40px;margin-bottom:10px;padding:10px;width:100%}.sequence-title{color:#00d2ff;font-size:12px;letter-spacing:1px}.sequence-status,.sequence-title{font-weight:700;margin-bottom:8px}.sequence-status{color:lime;font-size:14px}.sequence-list{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}.sequence-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;color:#cbd5e1;font-size:11px;padding:5px}.sequence-item.active{background:#00ff7826;border-color:lime;box-shadow:0 0 10px #00ff7833;color:lime}.sequence-item.complete{background:#00d2ff1f;color:#00d2ff}.compressor-diagnostics{display:flex;gap:10px;margin-top:15px;width:100%}.diag-box{background:#0f172a;border:1px solid #2c3e50;border-radius:6px;box-shadow:inset 0 0 10px #ffffff05;flex:1 1;padding:10px;text-align:center}.diag-title{color:#94a3b8;font-size:10px;letter-spacing:1px}.diag-value{color:#00ffae;font-size:13px;font-weight:700;margin-top:6px}.compressor-footer{align-items:center;background:linear-gradient(90deg,#111827,#1f2937);border-top:1px solid #2c3e50;display:flex;height:45px;justify-content:space-around}.compressor-footer button{border:none;padding:6px 28px;transition:.25s}.compressor-footer button,.start-btn,.stop-btn{border-radius:4px;cursor:pointer;font-size:11px;font-weight:700}.start-btn,.stop-btn{border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff26,0 3px 6px #00000073;padding:6px 14px;position:relative;transform:translateY(0);transition:all .15s ease}.start-btn{background:#16a34a;color:#fff}.start-btn:hover{box-shadow:0 0 12px lime,inset 0 1px 0 #fff3}.start-btn.active{background:#0f7a34;border-color:lime;box-shadow:inset 0 4px 8px #0000008c,inset 0 0 10px #00ff7859;transform:translateY(2px)}.stop-btn{background:#dc2626;color:#fff}.stop-btn:hover{box-shadow:0 0 12px red,inset 0 1px 0 #fff3}.stop-btn.active{background:#991b1b;border-color:red;box-shadow:inset 0 4px 8px #0000008c,inset 0 0 10px #ff000059;transform:translateY(2px)}.reset-btn{background:#f59e0b;color:#000}.reset-btn:hover{box-shadow:0 0 12px orange;transform:translateY(-1px)}.graph-btn{background:#2563eb;color:#fff}.graph-btn:hover{box-shadow:0 0 12px #00d2ff;transform:translateY(-1px)}.compressor-left::-webkit-scrollbar,.sequence-list::-webkit-scrollbar{width:6px}.compressor-left::-webkit-scrollbar-thumb,.sequence-list::-webkit-scrollbar-thumb{background:#00d2ff;border-radius:10px}@media (max-width:1100px){.compressor-faceplate{height:90vh;width:92vw}.compressor-body{flex-direction:column}.compressor-left,.compressor-right{width:100%}.compressor-left,.compressor-right{height:50%}}@keyframes blinkText{0%{opacity:1}45%{opacity:1}50%{opacity:0}55%{opacity:1}to{opacity:1}}.blinking-text{animation:blinkText 2.8s infinite}.LPCompSuctDrumB-container{background-image:url("/static/media/LP%20Comp%20Suct%20Drum%20(B)%20Layout.0ef6639f6de91bda74d6.jpg");background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-17001B{cursor:pointer;transition:all .2s ease}.FCV-17001B:hover{transform:scale(1.1)}.FCV-17001B:hover path,.FCV-17001B:hover polygon,.FCV-17001B:hover rect{filter:brightness(1.2)}.FCV-17001B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-17001B{cursor:pointer;transition:all .2s ease}.PCV-17001B:hover{transform:scale(1.1)}.PCV-17001B:hover path,.PCV-17001B:hover polygon,.PCV-17001B:hover rect{filter:brightness(1.2)}.PCV-17001B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-17002B{cursor:pointer;transition:all .2s ease}.PCV-17002B:hover{transform:scale(1.1)}.PCV-17002B:hover path,.PCV-17002B:hover polygon,.PCV-17002B:hover rect{filter:brightness(1.2)}.PCV-17002B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.MPCompSuctDrumA-container{background-image:url("/static/media/MP%20Comp%20Suct%20Drum%20(A)%20Layout.c8f281b0ea255dc4b747.jpg");background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-18001A{cursor:pointer;transition:all .2s ease}.FCV-18001A:hover{transform:scale(1.1)}.FCV-18001A:hover path,.FCV-18001A:hover polygon,.FCV-18001A:hover rect{filter:brightness(1.2)}.FCV-18001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-18001A{cursor:pointer;transition:all .2s ease}.PCV-18001A:hover{transform:scale(1.1)}.PCV-18001A:hover path,.PCV-18001A:hover polygon,.PCV-18001A:hover rect{filter:brightness(1.2)}.PCV-18001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-18002A{cursor:pointer;transition:all .2s ease}.PCV-18002A:hover{transform:scale(1.1)}.PCV-18002A:hover path,.PCV-18002A:hover polygon,.PCV-18002A:hover rect{filter:brightness(1.2)}.PCV-18002A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.MPCompSuctDrumB-container{background-image:url("/static/media/MP%20Comp%20Suct%20Drum%20(B)%20Layout.80a8ce91b2294517314c.jpg");background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-18001B{cursor:pointer;transition:all .2s ease}.FCV-18001B:hover{transform:scale(1.1)}.FCV-18001B:hover path,.FCV-18001B:hover polygon,.FCV-18001B:hover rect{filter:brightness(1.2)}.FCV-18001B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-18001B{cursor:pointer;transition:all .2s ease}.PCV-18001B:hover{transform:scale(1.1)}.PCV-18001B:hover path,.PCV-18001B:hover polygon,.PCV-18001B:hover rect{filter:brightness(1.2)}.PCV-18001B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-18002B{cursor:pointer;transition:all .2s ease}.PCV-18002B:hover{transform:scale(1.1)}.PCV-18002B:hover path,.PCV-18002B:hover polygon,.PCV-18002B:hover rect{filter:brightness(1.2)}.PCV-18002B:hover{filter:drop-shadow(0 0 6px #00e5ff)}.HPGasInlet-container{background-image:url(/static/media/HP%20Inlet%20Separator%20Layout.b410119b7595c9ce378a.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-2001A{cursor:pointer;transition:all .2s ease}.FCV-2001A:hover{transform:scale(1.1)}.FCV-2001A:hover path,.FCV-2001A:hover polygon,.FCV-2001A:hover rect{filter:brightness(1.2)}.FCV-2001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2001A{cursor:pointer;transition:all .2s ease}.PCV-2001A:hover{transform:scale(1.1)}.PCV-2001A:hover path,.PCV-2001A:hover polygon,.PCV-2001A:hover rect{filter:brightness(1.2)}.PCV-2001A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2002A{cursor:pointer;transition:all .2s ease}.PCV-2002A:hover{transform:scale(1.1)}.PCV-2002A:hover path,.PCV-2002A:hover polygon,.PCV-2002A:hover rect{filter:brightness(1.2)}.PCV-2002A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2003A{cursor:pointer;transition:all .2s ease}.PCV-2003A:hover{transform:scale(1.1)}.PCV-2003A:hover path,.PCV-2003A:hover polygon,.PCV-2003A:hover rect{filter:brightness(1.2)}.PCV-2003A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.HPGasCooler-container{background-image:url(/static/media/Gas%20Sweetening%20Cooler%20Layout.aa8c2573fa26bbf9fb19.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:700px;position:relative;width:100%}.FCV-2201{cursor:pointer;transition:all .2s ease}.FCV-2201:hover{transform:scale(1.1)}.FCV-2201:hover path,.FCV-2201:hover polygon,.FCV-2201:hover rect{filter:brightness(1.2)}.FCV-2201:hover{filter:drop-shadow(0 0 6px #00e5ff)}.GasSweetening-container{background-image:url(/static/media/Gas%20Sweetening%20Unit%20Layout.b7d13f91b03c48cbe037.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:780px;position:relative;width:100%}.FCV-2101{cursor:pointer;transition:all .2s ease}.FCV-2101:hover{transform:scale(1.1)}.FCV-2101:hover path,.FCV-2101:hover polygon,.FCV-2101:hover rect{filter:brightness(1.2)}.FCV-2101:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2102{cursor:pointer;transition:all .2s ease}.FCV-2102:hover{transform:scale(1.1)}.FCV-2102:hover path,.FCV-2102:hover polygon,.FCV-2102:hover rect{filter:brightness(1.2)}.FCV-2102:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2103{cursor:pointer;transition:all .2s ease}.FCV-2103:hover{transform:scale(1.1)}.FCV-2103:hover path,.FCV-2103:hover polygon,.FCV-2103:hover rect{filter:brightness(1.2)}.FCV-2103:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2104{cursor:pointer;transition:all .2s ease}.FCV-2104:hover{transform:scale(1.1)}.FCV-2104:hover path,.FCV-2104:hover polygon,.FCV-2104:hover rect{filter:brightness(1.2)}.FCV-2104:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PreDehydCooler-container{background-image:url(/static/media/Dehydration%20Feed%20Gas%20Cooler%20Layout.a65ae537d6e8b16ffca6.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:700px;position:relative;width:100%}.FCV-4201{cursor:pointer;transition:all .2s ease}.FCV-4201:hover{transform:scale(1.1)}.FCV-4201:hover path,.FCV-4201:hover polygon,.FCV-4201:hover rect{filter:brightness(1.2)}.FCV-4201:hover{filter:drop-shadow(0 0 6px #00e5ff)}.TEGContactor-container{background-image:url(/static/media/TEG%20Contactor%20Layout.eda6fcce56d4ea618da2.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:837px;position:relative;width:100%}.PCV-2301{cursor:pointer;transition:all .2s ease}.PCV-2301:hover{transform:scale(1.1)}.PCV-2301:hover path,.PCV-2301:hover polygon,.PCV-2301:hover rect{filter:brightness(1.2)}.PCV-2301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LCV-2301{cursor:pointer;transition:all .2s ease}.LCV-2301:hover{transform:scale(1.1)}.LCV-2301:hover path,.LCV-2301:hover polygon,.LCV-2301:hover rect{filter:brightness(1.2)}.LCV-2301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LCV-2302{cursor:pointer;transition:all .2s ease}.LCV-2302:hover{transform:scale(1.1)}.LCV-2302:hover path,.LCV-2302:hover polygon,.LCV-2302:hover rect{filter:brightness(1.2)}.LCV-2302:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2304{cursor:pointer;transition:all .2s ease}.FCV-2304:hover{transform:scale(1.1)}.FCV-2304:hover path,.FCV-2304:hover polygon,.FCV-2304:hover rect{filter:brightness(1.2)}.FCV-2304:hover{filter:drop-shadow(0 0 6px #00e5ff)}.TEGReboiler-container{background-image:url(/static/media/TEG%20Regeneration%20Unit%20Layout.d6e59b1d682bc883b655.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.PCV-2701{cursor:pointer;transition:all .2s ease}.PCV-2701:hover{transform:scale(1.1)}.PCV-2701:hover path,.PCV-2701:hover polygon,.PCV-2701:hover rect{filter:brightness(1.2)}.PCV-2701:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LCV-2701{cursor:pointer;transition:all .2s ease}.LCV-2701:hover{transform:scale(1.1)}.LCV-2701:hover path,.LCV-2701:hover polygon,.LCV-2701:hover rect{filter:brightness(1.2)}.LCV-2701:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LCV-2702{cursor:pointer;transition:all .2s ease}.LCV-2702:hover{transform:scale(1.1)}.LCV-2702:hover path,.LCV-2702:hover polygon,.LCV-2702:hover rect{filter:brightness(1.2)}.LCV-2702:hover{filter:drop-shadow(0 0 6px #00e5ff)}.LCV-2703{cursor:pointer;transition:all .2s ease}.LCV-2703:hover{transform:scale(1.1)}.LCV-2703:hover path,.LCV-2703:hover polygon,.LCV-2703:hover rect{filter:brightness(1.2)}.LCV-2703:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2701{cursor:pointer;transition:all .2s ease}.FCV-2701:hover{transform:scale(1.1)}.FCV-2701:hover path,.FCV-2701:hover polygon,.FCV-2701:hover rect{filter:brightness(1.2)}.FCV-2701:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2702{cursor:pointer;transition:all .2s ease}.FCV-2702:hover{transform:scale(1.1)}.FCV-2702:hover path,.FCV-2702:hover polygon,.FCV-2702:hover rect{filter:brightness(1.2)}.FCV-2702:hover{filter:drop-shadow(0 0 6px #00e5ff)}.GasExportComp-container{background-image:url(/static/media/Gas%20Export%20Comp%20Layout.38593927736e75e9beb0.png);background-position:50%;background-position:center 25px;background-repeat:no-repeat;background-size:100% auto;height:860px;position:relative;width:100%}.FCV-2501A{cursor:pointer;transition:all .2s ease}.FCV-2501A:hover{transform:scale(1.1)}.FCV-2501A:hover path,.FCV-2501A:hover polygon,.FCV-2501A:hover rect{filter:brightness(1.2)}.FCV-2501A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2501A{cursor:pointer;transition:all .2s ease}.PCV-2501A:hover{transform:scale(1.1)}.PCV-2501A:hover path,.PCV-2501A:hover polygon,.PCV-2501A:hover rect{filter:brightness(1.2)}.PCV-2501A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2502A{cursor:pointer;transition:all .2s ease}.PCV-2502A:hover{transform:scale(1.1)}.PCV-2502A:hover path,.PCV-2502A:hover polygon,.PCV-2502A:hover rect{filter:brightness(1.2)}.PCV-2502A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2503A{cursor:pointer;transition:all .2s ease}.PCV-2503A:hover{transform:scale(1.1)}.PCV-2503A:hover path,.PCV-2503A:hover polygon,.PCV-2503A:hover rect{filter:brightness(1.2)}.PCV-2503A:hover{filter:drop-shadow(0 0 6px #00e5ff)}.GasExport-container{background-image:url(/static/media/Gas%20Export%20Layout.515c662c63b721e8e491.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.PCV-2601{cursor:pointer;transition:all .2s ease}.PCV-2601:hover{transform:scale(1.1)}.PCV-2601:hover path,.PCV-2601:hover polygon,.PCV-2601:hover rect{filter:brightness(1.2)}.PCV-2601:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PCV-2602{cursor:pointer;transition:all .2s ease}.PCV-2602:hover{transform:scale(1.1)}.PCV-2602:hover path,.PCV-2602:hover polygon,.PCV-2602:hover rect{filter:brightness(1.2)}.PCV-2602:hover{filter:drop-shadow(0 0 6px #00e5ff)}.DeOiler-container{background-image:url(/static/media/De-Oiler%20Layout.ec47172f5022f896769a.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-2801{cursor:pointer;transition:all .2s ease}.FCV-2801:hover{transform:scale(1.1)}.FCV-2801:hover path,.FCV-2801:hover polygon,.FCV-2801:hover rect{filter:brightness(1.2)}.FCV-2801:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2802{cursor:pointer;transition:all .2s ease}.FCV-2802:hover{transform:scale(1.1)}.FCV-2802:hover path,.FCV-2802:hover polygon,.FCV-2802:hover rect{filter:brightness(1.2)}.FCV-2802:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2803{cursor:pointer;transition:all .2s ease}.FCV-2803:hover{transform:scale(1.1)}.FCV-2803:hover path,.FCV-2803:hover polygon,.FCV-2803:hover rect{filter:brightness(1.2)}.FCV-2803:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2804{cursor:pointer;transition:all .2s ease}.FCV-2804:hover{transform:scale(1.1)}.FCV-2804:hover path,.FCV-2804:hover polygon,.FCV-2804:hover rect{filter:brightness(1.2)}.FCV-2804:hover{filter:drop-shadow(0 0 6px #00e5ff)}.H2SStripper-container{background-image:url(/static/media/H2S%20Stripper%20Layout.0caacf47d7a02a4157c8.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-2901{cursor:pointer;transition:all .2s ease}.FCV-2901:hover{transform:scale(1.1)}.FCV-2901:hover path,.FCV-2901:hover polygon,.FCV-2901:hover rect{filter:brightness(1.2)}.FCV-2901:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2902{cursor:pointer;transition:all .2s ease}.FCV-2902:hover{transform:scale(1.1)}.FCV-2902:hover path,.FCV-2902:hover polygon,.FCV-2902:hover rect{filter:brightness(1.2)}.FCV-2902:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2903{cursor:pointer;transition:all .2s ease}.FCV-2903:hover{transform:scale(1.1)}.FCV-2903:hover path,.FCV-2903:hover polygon,.FCV-2903:hover rect{filter:brightness(1.2)}.FCV-2903:hover{filter:drop-shadow(0 0 6px #00e5ff)}.se-chart-container{background:#0b1320;border:1px solid #2c3e50;border-radius:6px;box-shadow:0 0 14px #0009;color:#fff;font-family:Arial;height:340px;position:absolute;width:460px;z-index:9999}.se-chart-header{align-items:center;background:#1f2a38;cursor:move;display:flex;font-size:13px;justify-content:space-between;padding:6px 10px}.se-close-btn{background:#0000;border:none;color:#fff;cursor:pointer}.se-info{border-bottom:1px solid #1f2a38;font-size:11px;padding:6px 10px}.se-graph{align-items:flex-end;display:flex;gap:2px;height:180px;overflow-x:auto;padding:10px;position:relative}.se-bar{background:#32cd32;transition:.2s;width:5px}.se-gaussian-overlay{height:120px;left:10px;opacity:.6;pointer-events:none;position:absolute;top:120px;width:90%}.se-gauss-point{background:#f009;bottom:0;position:absolute;width:2px}.se-time-controls{border-top:1px solid #1f2a38;display:flex;justify-content:space-around;padding:6px}.se-time-controls button{background:#16202f;border:1px solid #2c3e50;color:#fff;cursor:pointer;font-size:10px;padding:3px 6px}.se-time-controls button.active{background:#0f8;color:#000}.trend-chart-container{background:#0b0f1a;border:2px solid #1f3b73;border-radius:8px;color:#fff;position:absolute;z-index:2000}.trend-chart-header{background:#132a5e;cursor:move;padding:6px}.trend-chart-controls{display:flex;gap:5px;padding:5px}.trend-chart-controls button{background:#1f3b73;border:none;color:#fff;padding:4px 6px}.trend-chart-controls .active{background:#3fa7ff}.trend-chart-canvas{background:#000;width:100%}.trend-chart-legend{display:flex;font-size:12px;justify-content:space-around;padding:5px}.red{color:red}.green{color:lime}.orange{color:orange}.cyan{color:cyan}.trend-chart-footer{display:flex;justify-content:space-around;padding:5px}.resize-handle{background:#3fa7ff;bottom:0;cursor:nwse-resize;height:15px;position:absolute;right:0;width:15px}.SkimPile-container{background-image:url(/static/media/Skim%20Pile%20Layout1.aaae807467ab5cc0415d.jpg)}.SkimPile-container,.SubseaSettlementTank-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.SubseaSettlementTank-container{background-image:url(/static/media/Subsea%20Settlement%20Tank%20Layout.4200e06afa3744e865af.jpg)}.OilyWaterTank-container{background-image:url(/static/media/Oily%20Water%20Tank%20Layout.9db2f35607670aef0f22.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-2931{cursor:pointer;transition:all .2s ease}.FCV-2931:hover{transform:scale(1.1)}.FCV-2931:hover path,.FCV-2931:hover polygon,.FCV-2931:hover rect{filter:brightness(1.2)}.FCV-2931:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2932{cursor:pointer;transition:all .2s ease}.FCV-2932:hover{transform:scale(1.1)}.FCV-2932:hover path,.FCV-2932:hover polygon,.FCV-2932:hover rect{filter:brightness(1.2)}.FCV-2932:hover{filter:drop-shadow(0 0 6px #00e5ff)}.WaterTreatment-container{background-image:url(/static/media/Water%20Treatment%20Layout1.9a593257ddf2d25225ae.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-2941{cursor:pointer;transition:all .2s ease}.FCV-2941:hover{transform:scale(1.1)}.FCV-2941:hover path,.FCV-2941:hover polygon,.FCV-2941:hover rect{filter:brightness(1.2)}.FCV-2941:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2942{cursor:pointer;transition:all .2s ease}.FCV-2942:hover{transform:scale(1.1)}.FCV-2942:hover path,.FCV-2942:hover polygon,.FCV-2942:hover rect{filter:brightness(1.2)}.FCV-2942:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2943{cursor:pointer;transition:all .2s ease}.FCV-2943:hover{transform:scale(1.1)}.FCV-2943:hover path,.FCV-2943:hover polygon,.FCV-2943:hover rect{filter:brightness(1.2)}.FCV-2943:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2944{cursor:pointer;transition:all .2s ease}.FCV-2944:hover{transform:scale(1.1)}.FCV-2944:hover path,.FCV-2944:hover polygon,.FCV-2944:hover rect{filter:brightness(1.2)}.FCV-2944:hover{filter:drop-shadow(0 0 6px #00e5ff)}.VacuumDearator-container{background-image:url(/static/media/Vacuum%20Daerator%20Layout.98132c83c8b771054ac5.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-2951{cursor:pointer;transition:all .2s ease}.FCV-2951:hover{transform:scale(1.1)}.FCV-2951:hover path,.FCV-2951:hover polygon,.FCV-2951:hover rect{filter:brightness(1.2)}.FCV-2951:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2952{cursor:pointer;transition:all .2s ease}.FCV-2952:hover{transform:scale(1.1)}.FCV-2952:hover path,.FCV-2952:hover polygon,.FCV-2952:hover rect{filter:brightness(1.2)}.FCV-2952:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2953{cursor:pointer;transition:all .2s ease}.FCV-2953:hover{transform:scale(1.1)}.FCV-2953:hover path,.FCV-2953:hover polygon,.FCV-2953:hover rect{filter:brightness(1.2)}.FCV-2953:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2954{cursor:pointer;transition:all .2s ease}.FCV-2954:hover{transform:scale(1.1)}.FCV-2954:hover path,.FCV-2954:hover polygon,.FCV-2954:hover rect{filter:brightness(1.2)}.FCV-2954:hover{filter:drop-shadow(0 0 6px #00e5ff)}.dot-trend-container{animation:fadeIn .3s ease;background:#0b0f1a;border:1px solid #0f6;border-radius:8px;box-shadow:0 0 20px #00ff664d;color:#fff;left:300px;padding:10px;position:absolute;top:120px;width:650px;z-index:999}.dot-header{display:flex;justify-content:space-between;margin-bottom:5px}.dot-header button{background:#0000;border:none;color:#fff;cursor:pointer}.dot-canvas{background:#05070d;border:1px solid #ffffff1a;cursor:crosshair}.dot-legend{display:flex;font-size:12px;gap:10px;margin-bottom:5px}.dot-legend-item{align-items:center;display:flex;gap:4px}.dot-legend-color{display:inline-block;height:10px;width:10px}.dot-hover-box{background:#000000b3;border-radius:4px;font-size:12px;padding:5px;position:absolute;right:10px;top:40px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dot-resize{background:#0f6;bottom:2px;cursor:nwse-resize;height:12px;position:absolute;right:2px;width:12px}.Na2HydroGen-container{background-image:url(/static/media/Na2%20Hydro%20Gen%20Layout.b3e234c2c1ce411107f2.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:720px;position:relative;width:100%}.FCV-2961{cursor:pointer;transition:all .2s ease}.FCV-2961:hover{transform:scale(1.1)}.FCV-2961:hover path,.FCV-2961:hover polygon,.FCV-2961:hover rect{filter:brightness(1.2)}.FCV-2961:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2962{cursor:pointer;transition:all .2s ease}.FCV-2962:hover{transform:scale(1.1)}.FCV-2962:hover path,.FCV-2962:hover polygon,.FCV-2962:hover rect{filter:brightness(1.2)}.FCV-2962:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CorrosionInhibition-container{background-image:url(/static/media/Corrosion%20Inhibitor%20Layout.2060995dc439fc977199.png)}.CorrosionInhibition-container,.Flare-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:720px;position:relative;width:100%}.Flare-container{background-image:url(/static/media/flare_layout1.d1b5b07751d2d63a1522.jpg)}.FCV-2971{cursor:pointer;transition:all .2s ease}.FCV-2971:hover{transform:scale(1.1)}.FCV-2971:hover path,.FCV-2971:hover polygon,.FCV-2971:hover rect{filter:brightness(1.2)}.FCV-2971:hover{filter:drop-shadow(0 0 6px #00e5ff)}@keyframes tempBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes pressureBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.flare-container{pointer-events:none;position:absolute}.flame{fill:red;opacity:.9;transform-origin:bottom center}.pilot-small{fill:#0cf;animation:flickerSmall .4s infinite alternate}.pilot-large{fill:#0ff;animation:flickerMedium .5s infinite alternate}.level1{fill:#f80;animation:flickerSmall .4s infinite alternate}.level2{fill:#f70;animation:flickerMedium .5s infinite alternate}.level3{fill:#f30;animation:flickerStrong .6s infinite alternate}.level4{fill:#f20;animation:flickerHeavy .7s infinite alternate}.level5{fill:red;animation:flickerExtreme .9s infinite alternate}@keyframes flickerSmall{0%{transform:scaleY(1) skewX(1deg)}to{transform:scaleY(1.05) skewX(-1deg)}}@keyframes flickerMedium{0%{transform:scaleY(1) skewX(2deg)}to{transform:scaleY(1.1) skewX(-2deg)}}@keyframes flickerStrong{0%{transform:scaleY(1) skewX(4deg)}to{transform:scaleY(1.35) skewX(-2deg)}}@keyframes flickerHeavy{0%{transform:scaleY(1) skewX(10deg)}to{transform:scaleY(1.3) skewX(-10deg)}}@keyframes flickerExtreme{0%{transform:scaleY(1) skewX(10deg)}to{transform:scaleY(1.6) skewX(-20deg)}}
/*# sourceMappingURL=main.03f77f9b.css.map*/