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;cursor:move;display:flex;justify-content:space-between;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:-webkit-sticky;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}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.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{top:0}.user-info-footer,.user-info-header{position:-webkit-sticky;position:sticky;z-index:10}.user-info-footer{background:#0b1f44;bottom:0}.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}.page-container{align-items:center;background:#0a0e17;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;padding:30px 40px;position:relative}.bg-effects{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.glow-orb{animation:floatOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{height:500px;right:-100px;top:-200px;width:500px}.orb-2{animation-delay:-7s;bottom:-150px;height:400px;left:-100px;width:400px}.orb-3{animation-delay:-14s}.page-header{margin-bottom:50px;max-width:1100px;position:relative;text-align:center;width:100%;z-index:1}.header-badge{background:#00ff8814;border:1px solid #00ff8826;border-radius:50px;color:#0f8;display:inline-block;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:25px;padding:8px 20px;text-transform:uppercase}.status-dot{height:8px;margin-right:10px;width:8px}.page-header h1{color:#fff;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 10px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b4ff,#0f8);-webkit-background-clip:text;background-clip:text}.header-sub{align-items:center;display:flex;gap:20px;justify-content:center;margin:15px 0 10px}.divider-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);flex:1 1;height:1px;max-width:100px}.page-header h2{color:#ffffff80;font-size:clamp(.9rem,1.5vw,1.3rem);font-weight:300;letter-spacing:4px;margin:0;text-transform:uppercase}.header-description{color:#ffffff4d;font-size:.9rem;letter-spacing:1px;margin:10px 0 0}.page-body{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px;max-width:1200px;position:relative;width:100%;z-index:1}.dcs-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dcs-panel:before{background:linear-gradient(90deg,#00b4ff,#0f8);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.dcs-panel:hover{background:#ffffff0f;border-color:#00b4ff26;box-shadow:0 20px 60px #0000004d;transform:translateY(-6px)}.dcs-panel:hover:before{opacity:1}.panel-1 .panel-icon{color:#00b4ff}.panel-1 .panel-tag{background:#00b4ff1a;color:#00b4ff}.panel-2 .panel-icon{color:#0f8}.panel-2 .panel-tag{background:#00ff881a;color:#0f8}.panel-3 .panel-icon{color:#ffb800}.panel-3 .panel-tag{background:#ffb8001a;color:#ffb800}.panel-icon{height:44px;margin-bottom:18px;width:44px}.panel-icon svg{height:100%;width:100%}.panel-content{display:flex;flex:1 1;flex-direction:column}.dcs-panel h3{color:#fff;font-size:1rem;font-weight:700;letter-spacing:1.5px;margin:0 0 12px}.dcs-panel p{color:#fff9;flex:1 1;font-size:.92rem;line-height:1.7;margin:0 0 16px}.panel-tag{align-self:flex-start;border-radius:50px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:1.5px;padding:4px 14px}.panel-tag,.signin-btn{text-transform:uppercase}.signin-btn{align-items:center;background:linear-gradient(135deg,#ffb800,#f59e00);border:none;border-radius:10px;color:#0a0e17;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:2px;margin-top:4px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease;width:100%}.signin-btn:hover{box-shadow:0 10px 40px #ffb8004d;transform:scale(1.02)}.signin-btn:active{transform:scale(.97)}.signin-btn:hover .btn-icon{transform:translateX(4px)}.btn-shimmer{background:linear-gradient(90deg,#0000,#ffffff40,#0000)}.page-footer{border-top:1px solid #ffffff0a;max-width:1200px;padding-top:30px;position:relative;text-align:center;width:100%;z-index:1}.footer-stats{flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:15px}.footer-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-value{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px}.stat-label{color:#ffffff40;font-size:.65rem;letter-spacing:1.5px;margin-top:2px;text-transform:uppercase}.stat-divider{background:#ffffff0f;height:28px;width:1px}.footer-copyright{color:#ffffff1a;font-size:.7rem;letter-spacing:.5px;margin:0}@media (max-width:768px){.page-container{padding:20px}.page-body{gap:18px;grid-template-columns:1fr}.dcs-panel{padding:24px 20px}.page-header{margin-bottom:30px}.header-badge{font-size:9px;padding:6px 14px}.page-header h1{font-size:2.2rem}.header-sub{gap:12px}.divider-line{max-width:40px}.page-header h2{letter-spacing:2px}.header-description,.page-header h2{font-size:.75rem}.footer-stats{gap:16px}.stat-divider{display:none}}@media (max-width:480px){.page-container{padding:15px}.page-header h1{font-size:1.8rem}.dcs-panel{padding:20px 16px}.panel-icon{height:36px;width:36px}.dcs-panel h3{font-size:.85rem}.dcs-panel p{font-size:.82rem}.signin-btn{font-size:.75rem;padding:12px 20px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e17}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00b4ff,#0f8);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f8,#00b4ff)}.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;color:#fff;cursor:pointer;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}.MarineTerminal-container{background-image:url(/static/media/Terminal%20Import%20Layout.2767b7761cbd4c45c850.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1001{cursor:pointer;transition:all .2s ease}.FCV-1001:hover{transform:scale(1.1)}.FCV-1001:hover path,.FCV-1001:hover polygon,.FCV-1001:hover rect{filter:brightness(1.2)}.FCV-1001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.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;padding:8px 18px;transition:all .2s ease}.pump-start-btn{background:#2e7d32;color:#fff}.pump-start-btn.active-start{background:#0f6;box-shadow:inset 0 3px 8px #0006;color:#000}.pump-start-btn.inactive{background:#8b0000;color:#fff;opacity:.8}.pump-stop-btn{background:#b71c1c;color:#fff}.pump-stop-btn.active-stop{background:#ff1a1a;box-shadow:inset 0 3px 8px #00000080;color:#fff}.pump-stop-btn.inactive{background:#2e7d32;color:#fff;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}.mds-rnd{position:fixed!important;z-index:9999}.mds-faceplate{background:radial-gradient(circle at top,#0c1624,#070d14 70%);border:2px solid #1f90ff;border-radius:14px;box-shadow:0 0 25px #008cff40,0 0 80px #000000d9;color:#eaf4ff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow:hidden;width:100%}.mds-header{align-items:center;background:linear-gradient(90deg,#0a3d62,#0d5ea8,#0a3d62);border-bottom:2px solid #2ea7ff;cursor:move;display:flex;height:60px;justify-content:space-between;min-height:60px;padding:0 18px}.mds-title{font-size:20px;letter-spacing:1.2px;text-shadow:0 0 10px #fff3}.mds-close-btn,.mds-title{color:#fff;font-weight:700}.mds-close-btn{background:linear-gradient(180deg,#ff4d4d,#b80000);border:none;border-radius:10px;cursor:pointer;font-size:18px;height:38px;transition:all .25s ease;width:38px}.mds-close-btn:hover{box-shadow:0 0 14px #f009;transform:scale(1.1)}.mds-controls{align-items:center;background:#0f1926;border-bottom:1px solid #ffffff14;display:flex;gap:14px;min-height:68px;padding:12px 18px}.mds-select{background:#16263a;border:1px solid #2a5f96;border-radius:10px;color:#fff;flex:1 1;font-size:14px;height:42px;outline:none;padding:0 14px;transition:all .25s ease}.mds-select:hover{border-color:#4fb3ff}.mds-select:focus{border-color:#2ea7ff;box-shadow:0 0 10px #2ea7ff4d}.mds-edit-btn{background:linear-gradient(180deg,#fb0,#b87c00);border:none;border-radius:10px;color:#111;cursor:pointer;font-weight:800;height:42px;letter-spacing:.8px;min-width:120px;overflow:hidden;position:relative;transition:all .25s ease}.mds-edit-btn:hover{box-shadow:0 8px 18px #ffbb0059;transform:translateY(-2px)}.mds-edit-btn.active{background:linear-gradient(180deg,#00ffb3,#008a62);box-shadow:0 0 15px #00ffb34d;color:#fff}.mds-edit-btn.active:after{animation:pulseGlow 1.6s infinite;background:#00ffb326;content:"";inset:0;position:absolute}@keyframes pulseGlow{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}.mds-body{display:flex;flex:1 1;overflow:hidden}.mds-left-panel{background:#0c131d;border-right:1px solid #ffffff14;min-width:220px;overflow-y:auto;scrollbar-color:#2ea7ff #0c131d;scrollbar-width:thin;width:22%}.mds-left-panel::-webkit-scrollbar{width:10px}.mds-left-panel::-webkit-scrollbar-track{background:#0c131d}.mds-left-panel::-webkit-scrollbar-thumb{background:linear-gradient(#1f90ff,#0d5ea8);border-radius:10px}.mds-tab{border-bottom:1px solid #ffffff0d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 10px;transition:all .2s ease}.mds-tab:hover{background:#2ea7ff1f;color:#5dc2ff}.mds-tab.active{background:linear-gradient(90deg,#2ea7ff40,#0000);border-left:4px solid #2ea7ff;color:#79d0ff;font-weight:700}.mds-right-panel{flex:1 1;overflow-y:auto;padding:18px}.mds-section{gap:16px}.mds-grid,.mds-section{display:flex;flex-direction:column}.mds-grid{gap:12px}.mds-row{align-items:center;display:flex;gap:12px;width:100%}.mds-key{background:#13202f;border-radius:10px;font-weight:600;min-width:200px;padding:10px 14px;width:35%}.mds-value-wrapper{flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:10px}.mds-value-box,.mds-value-wrapper{align-items:center;display:flex;min-width:0}.mds-value-box{background:#0d1722;border:1px solid #1f4568;border-radius:8px;box-shadow:inset 0 2px 10px #000c;flex:1 1;overflow:hidden;padding:10px 14px;transition:all .25s ease;white-space:nowrap}.mds-value-box:hover{border-color:#2ea7ff;box-shadow:inset 0 2px 12px #000000f2,0 0 10px #2ea7ff33}.mds-input,.mds-value-text{color:#0fa;font-weight:700;white-space:nowrap}.mds-input{background:#0000;border:none;outline:none;width:100%}.mds-unit-box{align-items:center;background:#132536b3;border:1px solid #1f90ff4d;border-radius:8px;color:#7fd1ff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 10px;white-space:nowrap}.mds-keypoint{background:linear-gradient(180deg,#132131,#0f1b29);border-left:4px solid #2ea7ff;border-radius:10px;color:#d7ecff;font-size:14px;line-height:1.5;padding:14px 16px;transition:all .25s ease}.mds-keypoint:hover{background:linear-gradient(180deg,#16304a,#12283d);transform:translateX(4px)}.mds-empty{color:#7da6c8;font-size:18px;height:100%;justify-content:center}.mds-empty,.mds-footer{align-items:center;display:flex}.mds-footer{background:#0a111a;border-top:1px solid #ffffff14;height:56px;justify-content:space-between;padding:0 18px}.mds-footer-title{color:#5dc2ff;font-size:13px;font-weight:700}.mds-footer-actions{display:flex;gap:10px}.mds-footer-actions button{background:linear-gradient(180deg,#1f90ff,#0d5ea8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;height:34px;min-width:90px;transition:all .25s ease}.mds-footer-actions button:hover{box-shadow:0 6px 14px #1f90ff59;transform:translateY(-2px)}@media screen and (max-width:1100px){.mds-row{grid-template-columns:1fr}.mds-value-wrapper{align-items:flex-start;flex-direction:column}.mds-unit{justify-content:flex-start;width:100%}.mds-left-panel{min-width:180px}}.mds-info-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#142030f2,#0a121cfa);border:1px solid #2ea7ff2e;border-radius:14px;box-shadow:inset 0 1px 8px #ffffff08,0 10px 25px #00000059;display:flex;flex-direction:column;gap:14px;padding:18px}.mds-info-row{align-items:center;background:linear-gradient(180deg,#182738f2,#0c1520fa);border:1px solid #ffffff0d;border-radius:12px;box-shadow:inset 0 2px 10px #000000bf;display:flex;gap:20px;justify-content:space-between;min-height:58px;padding:0 18px;transition:all .25s ease}.mds-info-row:hover{border-color:#2ea7ff59;box-shadow:inset 0 2px 12px #000000e6,0 0 12px #2ea7ff26;transform:translateY(-2px)}.mds-info-row span:first-child{color:#8fbfe8;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mds-info-row span:last-child{color:#0fa;font-size:18px;font-weight:800;text-align:right;text-shadow:0 0 10px #00ffaa26}.mds-info-row.highlight{background:linear-gradient(180deg,#00ffaa14,#0a121cfa);border:1px solid #00ffaa40}.mds-info-row.highlight span:last-child{color:#0fa;font-size:20px;text-shadow:0 0 14px #00ffaa59}.mds-section h3{border-bottom:1px solid #ffffff14;color:#5dc2ff;font-size:20px;font-weight:800;letter-spacing:1px;margin:0 0 8px;padding-bottom:10px;text-transform:uppercase}.mds-qty-input{background:#08121c;border:1px solid #1f4568;border-radius:8px;box-shadow:inset 0 2px 8px #000c;color:#0fa;font-size:16px;font-weight:700;height:38px;outline:none;padding:0 12px;text-align:right;transition:all .25s ease;width:120px}.mds-qty-input:hover{border-color:#2ea7ff}.mds-qty-input:focus{border-color:#0fa;box-shadow:0 0 10px #00ffaa40,inset 0 2px 10px #000000e6}.mds-inline-unit{color:#7fd1ff;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:8px}.mds-disclaimer{background:#ff8c0014;border:1px solid #ffa50059;border-left:5px solid orange;border-radius:6px;color:#d7d7d7;font-size:8px;line-height:1;margin:12px 15px 0;padding:10px 14px;text-align:justify}.mds-disclaimer strong{color:#ffb347}.PipelineReceiving-container{background-image:url(/static/media/Pipeline%20Import%20Layout.3b826469e367b4b4f79a.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:490px;position:relative;width:100%}.FCV-1101{cursor:pointer;transition:all .2s ease}.FCV-1101:hover{transform:scale(1.1)}.FCV-1101:hover path,.FCV-1101:hover polygon,.FCV-1101:hover rect{filter:brightness(1.2)}.TruckOfflading-container{background-image:url(/static/media/Truck%20Offloading%20Layout.c929c9d1482e5199b1cb.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1201{cursor:pointer;transition:all .2s ease}.FCV-1201:hover{transform:scale(1.1)}.FCV-1201:hover path,.FCV-1201:hover polygon,.FCV-1201:hover rect{filter:brightness(1.2)}.FCV-1201:hover{filter:drop-shadow(0 0 6px #00e5ff)}.wheel-spin{animation:wheelSpin .35s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.CrudeTank1-container{background-image:url(/static/media/Crude%20Tank%201%20Layout.4150f4ef6e8df782463c.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1301{cursor:pointer;transition:all .2s ease}.FCV-1301:hover{transform:scale(1.1)}.FCV-1301:hover path,.FCV-1301:hover polygon,.FCV-1301:hover rect{filter:brightness(1.2)}.FCV-1302{cursor:pointer;transition:all .2s ease}.FCV-1302:hover{transform:scale(1.1)}.FCV-1302:hover path,.FCV-1302:hover polygon,.FCV-1302:hover rect{filter:brightness(1.2)}.FCV-1301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1303{cursor:pointer;transition:all .2s ease}.FCV-1303:hover{transform:scale(1.1)}.FCV-1303:hover path,.FCV-1303:hover polygon,.FCV-1303:hover rect{filter:brightness(1.2)}.FCV-1303:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1304{cursor:pointer;transition:all .2s ease}.FCV-1304:hover{transform:scale(1.1)}.FCV-1304:hover path,.FCV-1304:hover polygon,.FCV-1304:hover rect{filter:brightness(1.2)}.FCV-1304:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CrudeTank2-container{background-image:url(/static/media/Crude%20Tank%202%20Layout.cb5d98c34a1ca0dd7550.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1305{cursor:pointer;transition:all .2s ease}.FCV-1305:hover{transform:scale(1.1)}.FCV-1305:hover path,.FCV-1305:hover polygon,.FCV-1305:hover rect{filter:brightness(1.2)}.FCV-1305:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1306{cursor:pointer;transition:all .2s ease}.FCV-1306:hover{transform:scale(1.1)}.FCV-1306:hover path,.FCV-1306:hover polygon,.FCV-1306:hover rect{filter:brightness(1.2)}.FCV-1306:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1307{cursor:pointer;transition:all .2s ease}.FCV-1307:hover{transform:scale(1.1)}.FCV-1307:hover path,.FCV-1307:hover polygon,.FCV-1307:hover rect{filter:brightness(1.2)}.FCV-1307:hover{filter:drop-shadow(0 0 6px #00e5ff)}.SlopTank-container{background-image:url(/static/media/SlopTankLayout.cf1cc48a7a100c8a9ce0.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:640px;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)}.BlendingSystem-container{background-image:url(/static/media/Crude%20Blending%20Tank%20Layout.77d45844081e5b9274ce.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1401{cursor:pointer;transition:all .2s ease}.FCV-1401:hover{transform:scale(1.1)}.FCV-1401:hover path,.FCV-1401:hover polygon,.FCV-1401:hover rect{filter:brightness(1.2)}.FCV-1401:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1102{cursor:pointer;transition:all .2s ease}.FCV-1102:hover{transform:scale(1.1)}.FCV-1102:hover path,.FCV-1102:hover polygon,.FCV-1102:hover rect{filter:brightness(1.2)}.receipt-window{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;height:850px;left:0;overflow:hidden;position:absolute;resize:both;top:0;width:680px;z-index:50000}.receipt-scroll{flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto}.receipt-header{align-items:center;background:linear-gradient(90deg,#00244b,#0065d8);color:#fff;cursor:move;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:52px;justify-content:space-between;letter-spacing:.4px;padding:0 18px;-webkit-user-select:none;user-select:none}.receipt-close{background:#e53935;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:34px;transition:.25s;width:34px}.receipt-close:hover{background:#c62828;transform:scale(1.08)}.receipt-body{background:#f4f6fa;display:flex;flex-direction:column;gap:40px;min-height:-webkit-max-content;min-height:max-content;padding:25px}.receipt-body::-webkit-scrollbar{width:14px}.receipt-body::-webkit-scrollbar-track{background:#d8dde5;border-radius:15px}.receipt-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#004080,#0076ff);border:3px solid #d8dde5;border-radius:15px}.receipt-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#002b55,#005dcc)}.receipt-body{scrollbar-color:#0065d8 #d8dde5;scrollbar-width:thin}.pdf-area{gap:28px}.receipt-page{background:#fff;border:1px solid #d5dce5;border-radius:8px;box-shadow:0 3px 10px #0000001a;box-sizing:border-box;padding:18mm;position:relative;width:100%}.customer-stamp,.internal-stamp{border:5px solid;font-size:24px;font-weight:900;letter-spacing:2px;opacity:.22;padding:12px 22px;position:absolute;right:35px;top:35px;transform:rotate(-18deg)}.customer-stamp{border-color:#d50000;color:#d50000}.internal-stamp{border-color:#0050c8;color:#0050c8}.receipt-page hr{border:none;border-top:1px solid #d9d9d9;margin:18px 0}.receipt-footer{align-items:center;background:#f2f4f8;border-top:1px solid #d8dde5;display:flex;flex-shrink:0;gap:18px;height:72px;justify-content:center}.receipt-btn{border-radius:8px;font-size:14px;padding:12px 24px}.receipt-btn:hover{box-shadow:0 6px 18px #0000002e;transform:translateY(-2px)}.receipt-btn.print{background:#1976d2;color:#fff}.receipt-btn.pdf{background:#009688;color:#fff}.receipt-btn.close{background:#d32f2f;color:#fff}.receipt-company{gap:25px;margin-bottom:20px}.receipt-company,.receipt-logo{align-items:center;display:flex}.receipt-logo{background:linear-gradient(135deg,#001f3f,#0075d9);border-radius:50%;box-shadow:0 0 20px #0064ff73;color:#fff;flex-shrink:0;font-size:38px;font-weight:900;height:95px;justify-content:center;letter-spacing:2px;width:95px}.receipt-company-details{flex:1 1}.receipt-company-details h1{color:#002b55;font-size:24px;font-weight:800;margin:0}.receipt-company-details h2{color:#0065d8;font-size:17px;font-weight:700;margin:5px 0}.receipt-company-details h3{color:#444;font-size:14px;margin:5px 0}.receipt-company-details p{color:#555;font-size:13px;margin:4px 0}.receipt-link{color:#06f;font-weight:700;text-decoration:none;transition:.25s}.receipt-link:hover{color:#ff9800;text-decoration:underline}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:20px 0}.summary-card{background:#f8fafc;border:1px solid #d8dee8;border-radius:10px;padding:14px;text-align:center;transition:.25s}.summary-card:hover{box-shadow:0 8px 20px #0050b426;transform:translateY(-3px)}.summary-title{color:#666;font-size:11px;font-weight:800;letter-spacing:.5px}.summary-value{color:#002b55;font-size:18px;font-weight:900;margin-top:8px}.section-title{background:linear-gradient(90deg,#002b55,#0075d9);border-radius:6px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;margin-top:25px;padding:9px 15px}.info-box{background:#f8fafc;border-left:5px solid #0065d8;font-size:13px;line-height:1.7;margin:15px 0;padding:15px}.status-complete{background:#e8f5e9;border:2px solid #43a047;border-radius:6px;color:#2e7d32}.status-complete,.status-loading{font-weight:900;padding:8px;text-align:center}.status-loading{background:#fff8e1;border:2px solid #ffb300;border-radius:6px;color:#ef6c00}.status-ready{background:#e3f2fd;border:2px solid #1976d2;border-radius:6px;color:#1565c0;font-weight:900;padding:8px;text-align:center}.copy-label{color:#555;font-size:13px;font-weight:900;left:30px;letter-spacing:1px;position:absolute;top:25px}.customer-copy-label{color:#d50000}.internal-copy-label{color:#005bbb}.receipt-table{border-collapse:collapse;font-size:13px;margin-top:15px;width:100%}.receipt-table tr{page-break-inside:avoid}.receipt-table td{border-bottom:1px solid #d9dfe8;padding:9px 10px;vertical-align:middle}.receipt-table td:first-child{background:#f5f8fc;color:#002b55;font-weight:800;width:42%}.receipt-table td:last-child{color:#333;font-weight:600}.receipt-table .highlight{color:#0065d8;font-weight:900}.barcode-area{margin:25px 0;padding:10px;text-align:center;width:100%}.barcode-area strong{color:#002b55;display:block;font-size:13px;letter-spacing:1px;margin-top:8px}.receipt-security{background:#fafcff;border:1px solid #d8dee8;border-radius:8px;gap:30px;justify-content:space-between;margin-top:25px;padding:15px}.qr-box,.receipt-security{align-items:center;display:flex}.qr-box{background:#fff;border:2px solid #003b6f;border-radius:8px;height:110px;justify-content:center;padding:8px;width:110px}.receipt-disclaimer{color:#555;flex:1 1;font-size:12px;line-height:1.6;text-align:justify}.verification-title{color:#002b55;font-size:13px;font-weight:900;margin-bottom:8px;text-align:center}.receipt-signatures{display:flex;gap:20px;justify-content:space-between;margin-top:50px}.signature-box{color:#333;flex:1 1;font-size:13px;text-align:center}.signature-line{border-top:1px solid #333;font-weight:700;margin-top:45px;padding-top:8px}.approval-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:40px}.approval-box{align-items:center;border:1px dashed #777;color:#555;display:flex;font-size:12px;height:100px;justify-content:center;text-align:center}.remarks-box{background:#fafafa;border:1px dashed #777;border-radius:8px;font-size:13px;line-height:1.6;margin-top:25px;min-height:90px;padding:15px}.internal-section{background:#f1f7ff;border-left:5px solid #005bbb;margin-top:25px;padding:15px}.internal-section-title{color:#005bbb;font-size:14px;font-weight:900;margin-bottom:10px}.customer-section{background:#fff7f7;border-left:5px solid #d50000;margin-top:25px;padding:15px}.customer-section-title{color:#d50000;font-size:14px;font-weight:900;margin-bottom:10px}.receipt-page-footer{border-top:1px solid #ddd;color:#777;font-size:11px;line-height:1.5;margin-top:60px;padding-top:15px;text-align:center}.receipt-page,.receipt-security,.receipt-signatures,.receipt-table tr{break-inside:avoid;page-break-inside:avoid}.receipt-page:not(:last-child){break-after:page;margin-bottom:35px;page-break-after:always}.pdf-area{background:#edf2f7;display:flex;flex-direction:column;gap:35px;width:100%}.receipt-btn{align-items:center;display:flex;font-family:Segoe UI,Arial,sans-serif;gap:8px;justify-content:center;letter-spacing:.3px;transition:background .25s,transform .25s,box-shadow .25s}.receipt-btn:hover{box-shadow:0 10px 25px #0000002e;transform:translateY(-3px)}.receipt-btn:active{transform:scale(.97)}.receipt-table tr{transition:.18s}.receipt-table tr:hover{background:#f8fbff}.summary-card{transition:transform .25s,box-shadow .25s,background .25s}.summary-card:hover{background:#fff;box-shadow:0 10px 25px #005ab426;transform:translateY(-4px)}.receipt-logo{transition:.3s}.receipt-logo:hover{transform:rotate(-5deg) scale(1.05)}.customer-stamp,.internal-stamp{filter:blur(.15px);pointer-events:none;-webkit-user-select:none;user-select:none}.receipt-page{transition:.25s}.receipt-page:hover{box-shadow:0 10px 30px #0000001f}@media (max-width:900px){.receipt-window{height:92vh;left:2vw!important;resize:none;top:2vh!important;width:96vw}.receipt-company{flex-direction:column;text-align:center}.summary-grid{grid-template-columns:repeat(2,1fr)}.receipt-security,.receipt-signatures{flex-direction:column}.receipt-signatures{gap:35px}.approval-grid{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:10mm}body,html{background:#fff;height:auto;margin:0;padding:0;width:210mm}body *{visibility:hidden}.receipt-window,.receipt-window *{visibility:visible}.receipt-window{background:#fff;border:none!important;border-radius:0;box-shadow:none;height:auto!important;left:0!important;max-height:none!important;overflow:visible!important;position:absolute!important;resize:none;top:0!important;width:210mm!important}.receipt-footer,.receipt-header{display:none!important}.receipt-scroll{height:auto!important;overflow:visible!important}.receipt-page{border:none;box-shadow:none;box-sizing:border-box;margin:0 auto;padding:12mm;page-break-after:always;width:190mm}.receipt-page:last-child{page-break-after:auto}.receipt-page:hover{box-shadow:none}.receipt-security,.receipt-signatures,.receipt-table tr{break-inside:avoid;page-break-inside:avoid}.barcode-area,.qr-box{page-break-inside:avoid}}.pdf-area canvas,.pdf-area img{max-width:100%}.pdf-area img{height:auto}.receipt-window{animation:receiptFade .25s ease}@keyframes receiptFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.DayTank-container{background-image:url(/static/media/DayTank.f721bed9619d980ca5f2.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.FCV-1501{cursor:pointer;transition:all .2s ease}.FCV-1501:hover{transform:scale(1.1)}.FCV-1501:hover path,.FCV-1501:hover polygon,.FCV-1501:hover rect{filter:brightness(1.2)}.FCV-1502{cursor:pointer;transition:all .2s ease}.FCV-1502:hover{transform:scale(1.1)}.FCV-1502:hover path,.FCV-1502:hover polygon,.FCV-1502:hover rect{filter:brightness(1.2)}.FCV-1501:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PigLauncher-container{background-image:url(/static/media/PigLauncher.da6cd349e33a7690ff7f.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.FCV-1701{cursor:pointer;transition:all .2s ease}.FCV-1701:hover{transform:scale(1.1)}.FCV-1701:hover path,.FCV-1701:hover polygon,.FCV-1701:hover rect{filter:brightness(1.2)}.FCV-1701:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PigReceiver-container{background-image:url(/static/media/PigReciever.03af22e74e4fe6f29ce8.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:525px;position:relative;width:100%}.FCV-1801{cursor:pointer;transition:all .2s ease}.FCV-1801:hover{transform:scale(1.1)}.FCV-1801:hover path,.FCV-1801:hover polygon,.FCV-1801:hover rect{filter:brightness(1.2)}.FCV-1801:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-1802{cursor:pointer;transition:all .2s ease}.FCV-1802:hover{transform:scale(1.1)}.FCV-1802:hover path,.FCV-1802:hover polygon,.FCV-1802:hover rect{filter:brightness(1.2)}.FCV-1802:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PreHeatTrain1-container{background-image:url(/static/media/PreheatTrain1.af5a1dc85cc1ffbe0e70.png);height:990px}.PreHeatTrain1-container,.PreHeatTrain2-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;position:relative;width:100%}.PreHeatTrain2-container{background-image:url(/static/media/Preheat%20Train%202%20Layout.314a12b51fb69b59c10b.png);height:700px}.Desalter1-container{background-image:url(/static/media/DesalterA.00f4f5ada02ae2022fc6.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;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-12004{cursor:pointer;transition:all .2s ease}.FCV-12004:hover{transform:scale(1.1)}.FCV-12004:hover path,.FCV-12004:hover polygon,.FCV-12004:hover rect{filter:brightness(1.2)}.FCV-12004: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)}.LCV-12001{cursor:pointer;transition:all .2s ease}.LCV-12001:hover{transform:scale(1.1)}.LCV-12001:hover path,.LCV-12001:hover polygon,.LCV-12001:hover rect{filter:brightness(1.2)}.LCV-12001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PDV-12001{cursor:pointer;transition:all .2s ease}.PDV-12001:hover{transform:scale(1.1)}.PDV-12001:hover path,.PDV-12001:hover polygon,.PDV-12001:hover rect{filter:brightness(1.2)}.PDV-12001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.electric-grid-container svg line{stroke:#444;stroke-width:4;stroke-linecap:round;transition:.3s}.energy-flow{stroke:#0ff;stroke-dasharray:8 15;animation:electricity .8s linear infinite;filter:drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 20px #00ffff)}@keyframes electricity{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.electric-grid-container.pause line{stroke:#fa0;filter:drop-shadow(0 0 8px orange)}.electric-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:20px;width:70px}.electric-button.START{background:green;box-shadow:0 0 12px #0f0}.electric-button.PAUSE{background:#f90}.electric-button.STOP{background:#a00}.Desalter2-container{background-image:url(/static/media/DesalterB.eb0c52e66975ae6d5722.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;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-13002{cursor:pointer;transition:all .2s ease}.FCV-13002:hover{transform:scale(1.1)}.FCV-13002:hover path,.FCV-13002:hover polygon,.FCV-13002:hover rect{filter:brightness(1.2)}.FCV-13002: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-13004{cursor:pointer;transition:all .2s ease}.FCV-13004:hover{transform:scale(1.1)}.FCV-13004:hover path,.FCV-13004:hover polygon,.FCV-13004:hover rect{filter:brightness(1.2)}.FCV-13004: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)}.LCV-13001{cursor:pointer;transition:all .2s ease}.LCV-13001:hover{transform:scale(1.1)}.LCV-13001:hover path,.LCV-13001:hover polygon,.LCV-13001:hover rect{filter:brightness(1.2)}.LCV-13001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PDV-13001{cursor:pointer;transition:all .2s ease}.PDV-13001:hover{transform:scale(1.1)}.PDV-13001:hover path,.PDV-13001:hover polygon,.PDV-13001:hover rect{filter:brightness(1.2)}.PDV-13001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PostDesalterHEX1-container{background-image:url(/static/media/Post%20Desalter%20HEX%201.4d250f251ba9cbfdbf3a.png);height:820px}.PostDesalterHEX1-container,.PostDesalterHEX2-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;position:relative;width:100%}.PostDesalterHEX2-container{background-image:url(/static/media/PostDesalterHEX2.361aaada93c989cf69b3.png);height:770px}.PreFlashTower-container{background-image:url(/static/media/PRE-FLASH%20TOWER.900037238a75f2b49717.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;position:relative;width:100%}.vapor-liquid-container{overflow:hidden;pointer-events:none;position:absolute}.vapor-particle{animation:vaporRise linear infinite;background:radial-gradient(circle,#dcdcdce6 0,#b4b4b466 50%,#fff0 100%);border-radius:50%;filter:blur(2px);position:absolute}@keyframes vaporRise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-350px) scale(2.2)}}.liquid-droplet{animation:dropletFall linear infinite;background:linear-gradient(180deg,#b4dcfff2,#5096fff2);border-radius:50%;filter:blur(.3px);position:absolute}@keyframes dropletFall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(350px)}}.PFRefluxCond1-container{background-image:url(/static/media/PFRefluxCond1.8c28c92ac7deb46a92a4.png);height:990px}.FCV-17001{cursor:pointer;transition:all .2s ease}.FCV-17001:hover{transform:scale(1.1)}.FCV-17001:hover path,.FCV-17001:hover polygon,.FCV-17001:hover rect{filter:brightness(1.2)}.FCV-17002{cursor:pointer;transition:all .2s ease}.FCV-17002:hover{transform:scale(1.1)}.FCV-17002:hover path,.FCV-17002:hover polygon,.FCV-17002:hover rect{filter:brightness(1.2)}.FCV-17001: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)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.PFRefluxCond2-container{background-image:url(/static/media/PFRefluxCond2.5bd3d377e10455fe4844.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.FCV-18001{cursor:pointer;transition:all .2s ease}.FCV-18001:hover{transform:scale(1.1)}.FCV-18001:hover path,.FCV-18001:hover polygon,.FCV-18001:hover rect{filter:brightness(1.2)}.FCV-18002{cursor:pointer;transition:all .2s ease}.FCV-18002:hover{transform:scale(1.1)}.FCV-18002:hover path,.FCV-18002:hover polygon,.FCV-18002:hover rect{filter:brightness(1.2)}.FCV-18001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.lab-faceplate,.lab-rnd{z-index:999999!important}.lab-faceplate{background:#111;border:2px solid #555;border-radius:8px;box-shadow:0 0 25px #00ffff4d;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.lab-header{align-items:center;background:linear-gradient(180deg,#0f4c81,#08365b);border-bottom:1px solid #444;cursor:move;display:flex;height:42px;justify-content:space-between;padding:0 12px}.lab-title{color:#0ff;letter-spacing:1px}.lab-close-btn,.lab-title{font-size:16px;font-weight:700}.lab-close-btn{background:#b30000;border:none;border-radius:4px;color:#fff;cursor:pointer;height:28px;width:28px}.lab-close-btn:hover{background:red}.lab-sample-info{background:#1c1c1c;border-bottom:1px solid #333;color:#ddd;display:flex;font-size:13px;justify-content:space-between;padding:12px 20px}.lab-body{flex:1 1;overflow-y:auto;padding:15px}.lab-table{border-collapse:collapse;font-size:13px;width:100%}.lab-table thead{background:#034}.lab-table th{border:1px solid #444;color:#0ff}.lab-table td,.lab-table th{padding:10px;text-align:center}.lab-table td{border:1px solid #333;color:#fff}.lab-table tbody tr:nth-child(2n){background:#1b1b1b}.lab-table tbody tr:nth-child(odd){background:#161616}.lab-table tbody tr:hover{background:#222}.lab-summary{background:#161616;border-top:1px solid #333;display:flex;justify-content:center;padding:15px}.lab-summary-card{background:#222;border:1px solid #444;border-radius:6px;color:#0f6;display:flex;font-size:15px;font-weight:700;justify-content:space-between;min-width:250px;padding:12px 20px}.lab-disclaimer{background:#101010;border-top:1px solid #333;color:#bbb;font-size:11px;line-height:1.5;padding:12px 20px}.lab-footer{align-items:center;background:#0c0c0c;border-top:1px solid #444;display:flex;height:55px;justify-content:space-between;padding:0 15px}.lab-footer-title{color:#0ff;font-size:13px;font-weight:700}.lab-footer-actions{display:flex;gap:10px}.lab-btn{background:linear-gradient(180deg,#2d2d2d,#1b1b1b);border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;min-width:90px;padding:8px 14px}.lab-btn:hover{background:linear-gradient(180deg,#00a6ff,#06a);border-color:#0cf}.lab-btn:active{transform:scale(.98)}.lab-body::-webkit-scrollbar{width:10px}.lab-body::-webkit-scrollbar-track{background:#111}.lab-body::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.lab-body::-webkit-scrollbar-thumb:hover{background:#666}@media print{.lab-close-btn,.lab-footer-actions{display:none}.lab-faceplate{border:none;box-shadow:none}.lab-disclaimer,.lab-table td,.lab-table th{color:#000}}.FurnacePreHeat-container{background-image:url(/static/media/Furnace%20PreHeat.1ad0047f294cedc032d3.png);height:700px}.Furnace-container,.FurnacePreHeat-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;position:relative;width:100%}.Furnace-container{background-image:url(/static/media/Furnace-F101.cc01b40858cfae956be6.png);height:940px}.FCV-1901{cursor:pointer;transition:all .2s ease}.FCV-1901:hover{transform:scale(1.1)}.FCV-1901:hover path,.FCV-1901:hover polygon,.FCV-1901:hover rect{filter:brightness(1.2)}.FCV-1902{cursor:pointer;transition:all .2s ease}.FCV-1902:hover{transform:scale(1.1)}.FCV-1902:hover path,.FCV-1902:hover polygon,.FCV-1902:hover rect{filter:brightness(1.2)}.FCV-1901:hover{filter:drop-shadow(0 0 6px #00e5ff)}.damper-container{align-items:center;display:flex;justify-content:center}.damper-body{fill:#555;stroke:#aaa;stroke-width:3}.damper-blade{fill:#0ff;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 8px #00ffff)}.damper-pivot{fill:#222;stroke:#0f0;stroke-width:4}.damper-center{fill:#f90}.damper-tag{background:#000;border-radius:4px;color:#0fc;font-size:12px;left:50%;padding:3px 8px;position:absolute;top:-25px;transform:translateX(-50%)}.pilot-flame-container{align-items:flex-end;display:flex;justify-content:center}.pilot-flame-outer{fill:#f60;animation:pilotFlicker .35s infinite alternate;filter:drop-shadow(0 0 15px orange) drop-shadow(0 0 30px red)}.pilot-flame-inner{fill:#ff0;filter:drop-shadow(0 0 15px yellow)}@keyframes pilotFlicker{0%{transform:scaleY(.85)}to{transform:scaleY(1.15)}}.pilot-flame-tag{background:#000;border-radius:5px;color:#0fc;font-size:12px;left:50%;padding:3px 8px;position:absolute;top:-25px;transform:translateX(-50%)}.spark-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700}.spark-button.ON{background:#f60;box-shadow:0 0 10px orange,0 0 25px #ff0}.spark-button.OFF{background:#333}.main-flame{animation:gasFlicker .35s infinite alternate;transform-box:fill-box}@keyframes gasFlicker{0%{filter:drop-shadow(0 0 8px #ff9900)}to{filter:drop-shadow(0 0 100px #ffff00)}}.flue-gas-container{overflow:hidden;pointer-events:none}.flue-particle{animation:flueBubble linear infinite;background:radial-gradient(circle,#bebebecc 0,#8c8c8c73 45%,#5a5a5a26 70%,#32323200 100%);border-radius:50%;filter:blur(1px);position:absolute}@keyframes flueBubble{0%{opacity:0;transform:translateY(0) translateX(0) scale(.4)}10%{opacity:1}25%{transform:translateY(-15px) translateX(-2px) scale(.6)}50%{transform:translateY(-35px) translateX(3px) scale(.9)}75%{transform:translateY(-60px) translateX(-4px) scale(1.2)}to{opacity:0;transform:translateY(-90px) translateX(2px) scale(1.6)}}.MainFractionationTowers-container{background-image:url(/static/media/Fractionation%20Layout.46fbe4d5776ce5cfbb09.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:880px;position:relative;width:100%}.FCV-16001{cursor:pointer;transition:all .2s ease}.FCV-16001:hover{transform:scale(1.1)}.FCV-16001:hover path,.FCV-16001:hover polygon,.FCV-16001:hover rect{filter:brightness(1.2)}.FCV-16002{cursor:pointer;transition:all .2s ease}.FCV-16002:hover{transform:scale(1.1)}.FCV-16002:hover path,.FCV-16002:hover polygon,.FCV-16002:hover rect{filter:brightness(1.2)}.FCV-16001:hover{filter:drop-shadow(0 0 6px #00e5ff)}.MainFractionationTowers2-container{background-image:url(/static/media/Fractionation%202%20Layout.e71ca5b7ffdb5bda8ee6.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:760px;position:relative;width:100%}.FCV-2301{cursor:pointer;transition:all .2s ease}.FCV-2301:hover{transform:scale(1.1)}.FCV-2301:hover path,.FCV-2301:hover polygon,.FCV-2301:hover rect{filter:brightness(1.2)}.FCV-2301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2302{cursor:pointer;transition:all .2s ease}.FCV-2302:hover{transform:scale(1.1)}.FCV-2302:hover path,.FCV-2302:hover polygon,.FCV-2302:hover rect{filter:brightness(1.2)}.FCV-2302:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2303{cursor:pointer;transition:all .2s ease}.FCV-2303:hover{transform:scale(1.1)}.FCV-2303:hover path,.FCV-2303:hover polygon,.FCV-2303:hover rect{filter:brightness(1.2)}.FCV-2303:hover{filter:drop-shadow(0 0 6px #00e5ff)}.PFRefluxCond1-container{background-image:url(/static/media/T102RefluxCondenser.7bf4572ae8e334e16365.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.FCV-2501{cursor:pointer;transition:all .2s ease}.FCV-2501:hover{transform:scale(1.1)}.FCV-2501:hover path,.FCV-2501:hover polygon,.FCV-2501:hover rect{filter:brightness(1.2)}.FCV-2502{cursor:pointer;transition:all .2s ease}.FCV-2502:hover{transform:scale(1.1)}.FCV-2502:hover path,.FCV-2502:hover polygon,.FCV-2502:hover rect{filter:brightness(1.2)}.FCV-2501:hover{filter:drop-shadow(0 0 6px #00e5ff)}.NaphthaReflux-container{background-image:url(/static/media/T102RefluxDrum.7056439d2fb8005ae6e4.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;position:relative;width:100%}.FCV-2601{cursor:pointer;transition:all .2s ease}.FCV-2601:hover{transform:scale(1.1)}.FCV-2601:hover path,.FCV-2601:hover polygon,.FCV-2601:hover rect{filter:brightness(1.2)}.FCV-2602{cursor:pointer;transition:all .2s ease}.FCV-2602:hover{transform:scale(1.1)}.FCV-2602:hover path,.FCV-2602:hover polygon,.FCV-2602:hover rect{filter:brightness(1.2)}.FCV-2601:hover{filter:drop-shadow(0 0 6px #00e5ff)}.ProductStripper-container{background-image:url(/static/media/Stripper.0290022afff8dbf8b6e4.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;position:relative;width:100%}.FCV-2401{cursor:pointer;transition:all .2s ease}.FCV-2401:hover{transform:scale(1.1)}.FCV-2401:hover path,.FCV-2401:hover polygon,.FCV-2401:hover rect{filter:brightness(1.2)}.FCV-2401:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2402{cursor:pointer;transition:all .2s ease}.FCV-2402:hover{transform:scale(1.1)}.FCV-2402:hover path,.FCV-2402:hover polygon,.FCV-2402:hover rect{filter:brightness(1.2)}.SurgeTank-container{background-image:url(/static/media/SurgeTank.d1078698334d0ebe390e.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:790px;position:relative;width:100%}.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)}.StabilizationTower-container{background-image:url(/static/media/StabilizerTower.e39002288176aa26cf16.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:940px;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)}.StabilizationReflux-container{background-image:url(/static/media/StabilizerReflux.d2182abea9925e396d1a.png);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)}.FCV-2904{cursor:pointer;transition:all .2s ease}.FCV-2904:hover{transform:scale(1.1)}.FCV-2904:hover path,.FCV-2904:hover polygon,.FCV-2904:hover rect{filter:brightness(1.2)}.FCV-2904:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-2905{cursor:pointer;transition:all .2s ease}.FCV-2905:hover{transform:scale(1.1)}.FCV-2905:hover path,.FCV-2905:hover polygon,.FCV-2905:hover rect{filter:brightness(1.2)}.FCV-2905:hover{filter:drop-shadow(0 0 6px #00e5ff)}.CorrosionDosing-container{background-image:url(/static/media/CorrosionLayout.78811a247f300d9647d5.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:770px;position:relative;width:100%}.FCV-3101{cursor:pointer;transition:all .2s ease}.FCV-3101:hover{transform:scale(1.1)}.FCV-3101:hover path,.FCV-3101:hover polygon,.FCV-3101:hover rect{filter:brightness(1.2)}.FCV-3101:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FuelGasSystem-container{background-image:url(/static/media/FuelGas.7a326d413d599e7dbfcb.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:680px;position:relative;width:100%}.FCV-3201{cursor:pointer;transition:all .2s ease}.FCV-3201:hover{transform:scale(1.1)}.FCV-3201:hover path,.FCV-3201:hover polygon,.FCV-3201:hover rect{filter:brightness(1.2)}.FCV-3201:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3202{cursor:pointer;transition:all .2s ease}.FCV-3202:hover{transform:scale(1.1)}.FCV-3202:hover path,.FCV-3202:hover polygon,.FCV-3202:hover rect{filter:brightness(1.2)}.FCV-3202:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3203{cursor:pointer;transition:all .2s ease}.FCV-3203:hover{transform:scale(1.1)}.FCV-3203:hover path,.FCV-3203:hover polygon,.FCV-3203:hover rect{filter:brightness(1.2)}.FCV-3203:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3204{cursor:pointer;transition:all .2s ease}.FCV-3204:hover{transform:scale(1.1)}.FCV-3204:hover path,.FCV-3204:hover polygon,.FCV-3204:hover rect{filter:brightness(1.2)}.FCV-3204:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3205{cursor:pointer;transition:all .2s ease}.FCV-3205:hover{transform:scale(1.1)}.FCV-3205:hover path,.FCV-3205:hover polygon,.FCV-3205:hover rect{filter:brightness(1.2)}.FCV-3205:hover{filter:drop-shadow(0 0 6px #00e5ff)}.DieselCooler-container{background-image:url(/static/media/DieselCooler.3fc9d9df581dc21b3a67.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:990px;position:relative;width:100%}.FCV-3301{cursor:pointer;transition:all .2s ease}.FCV-3301:hover{transform:scale(1.1)}.FCV-3301:hover path,.FCV-3301:hover polygon,.FCV-3301:hover rect{filter:brightness(1.2)}.FCV-3302{cursor:pointer;transition:all .2s ease}.FCV-3302:hover{transform:scale(1.1)}.FCV-3302:hover path,.FCV-3302:hover polygon,.FCV-3302:hover rect{filter:brightness(1.2)}.FCV-3301:hover{filter:drop-shadow(0 0 6px #00e5ff)}.Residue-container{background-image:url(/static/media/ResidueTank.94db7e60bd83958bff32.png)}.Naphtha-container,.Residue-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.Naphtha-container{background-image:url(/static/media/NaphthaTank.333d640585d2dc6ef457.png)}.FCV-3501{cursor:pointer;transition:all .2s ease}.FCV-3501:hover{transform:scale(1.1)}.FCV-3501:hover path,.FCV-3501:hover polygon,.FCV-3501:hover rect{filter:brightness(1.2)}.FCV-3501:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3502{cursor:pointer;transition:all .2s ease}.FCV-3502:hover{transform:scale(1.1)}.FCV-3502:hover path,.FCV-3502:hover polygon,.FCV-3502:hover rect{filter:brightness(1.2)}.LPG-container{background-image:url(/static/media/LPGTank.821f5e5de4d2878fd2e5.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.FCV-3801{cursor:pointer;transition:all .2s ease}.FCV-3801:hover{transform:scale(1.1)}.FCV-3801:hover path,.FCV-3801:hover polygon,.FCV-3801:hover rect{filter:brightness(1.2)}.FCV-3801:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3802{cursor:pointer;transition:all .2s ease}.FCV-3802:hover{transform:scale(1.1)}.FCV-3802:hover path,.FCV-3802:hover polygon,.FCV-3802:hover rect{filter:brightness(1.2)}.Diesel-container{background-image:url(/static/media/DieselTank.406013433eef0b0441cd.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.FCV-3401{cursor:pointer;transition:all .2s ease}.FCV-3401:hover{transform:scale(1.1)}.FCV-3401:hover path,.FCV-3401:hover polygon,.FCV-3401:hover rect{filter:brightness(1.2)}.FCV-3401:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3402{cursor:pointer;transition:all .2s ease}.FCV-3402:hover{transform:scale(1.1)}.FCV-3402:hover path,.FCV-3402:hover polygon,.FCV-3402:hover rect{filter:brightness(1.2)}.Kerosene-container{background-image:url(/static/media/KeroseneTank.fec6ef69c567c613f3cd.png)}.Kerosene-container,.LoadingGantry-container{background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:740px;position:relative;width:100%}.LoadingGantry-container{background-image:url(/static/media/LoadingGantry.dac8ee8b832d1b1f83a1.png)}.FCV-3701{cursor:pointer;transition:all .2s ease}.FCV-3701:hover{transform:scale(1.1)}.FCV-3701:hover path,.FCV-3701:hover polygon,.FCV-3701:hover rect{filter:brightness(1.2)}.FCV-3701:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3702{cursor:pointer;transition:all .2s ease}.FCV-3702:hover{transform:scale(1.1)}.FCV-3702:hover path,.FCV-3702:hover polygon,.FCV-3702:hover rect{filter:brightness(1.2)}.FCV-1101:hover{filter:drop-shadow(0 0 6px #00e5ff)}.loading-mode-panel{background:linear-gradient(180deg,#505050,#2c2c2c);border:2px solid #7a7a7a;border-radius:12px;box-shadow:inset 2px 2px 5px #ffffff2e,inset -3px -3px 8px #000000b3,0 8px 20px #0000008c;box-sizing:border-box;padding:18px}.loading-mode-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center;text-shadow:0 0 6px #000}.loading-mode-buttons{display:flex;justify-content:space-evenly;margin-bottom:20px}.mode-btn{background:#0c5ea8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:42px;transition:.25s;width:140px}.mode-btn:hover{filter:brightness(115%);transform:translateY(-2px)}.active-green{background:#17b317;box-shadow:0 0 12px lime}.inactive-red{background:#a40000;box-shadow:0 0 12px red}.loading-mode-boxes{display:flex;justify-content:space-between}.loading-box{align-items:center;border-radius:8px;display:flex;font-size:25px;font-weight:700;height:52px;justify-content:center;transition:.3s;-webkit-user-select:none;user-select:none;width:210px}.loading-box.enabled{background:#1565c0;border:2px solid #4fc3ff;box-shadow:0 0 15px #2aa9ff;color:#fff;cursor:pointer}.loading-box.disabled{background:#666;border:2px solid #4a4a4a;color:#bbb;cursor:not-allowed}.equipment-selector{background:linear-gradient(180deg,#474747,#202020);border:2px solid #777;border-radius:12px;box-shadow:inset 2px 2px 6px #ffffff26,inset -3px -3px 6px #000000b3,0 10px 25px #000000a6;height:420px;left:700px;overflow:hidden;position:absolute;top:120px;width:360px;z-index:999}.selector-header{align-items:center;background:#003b66;border-bottom:1px solid #555;color:#fff;display:flex;font-weight:700;height:42px;justify-content:space-between;padding:0 15px}.selector-close{background:#8b0000;border:none;border-radius:4px;color:#fff;cursor:pointer;height:28px;width:28px}.selector-close:hover{background:red}.selector-list{height:calc(100% - 42px);overflow-y:auto}.selector-item{border-bottom:1px solid #444;color:#ddd;cursor:pointer;font-size:14px;padding:14px;transition:.25s}.selector-item:hover{background:#06c;box-shadow:inset 5px 0 0 cyan;color:#fff;padding-left:22px}.selector-item:active{background:#0a5}.loading-info-panel{animation:breathingPanel 4s ease-in-out infinite;background:linear-gradient(180deg,#5b5b5b,#404040 15%,#2f2f2f 50%,#232323);border:2px solid #7b7b7b;border-radius:14px;box-shadow:inset 0 2px 2px #ffffff59,inset 0 -2px 2px #000000bf,0 0 18px #000000bf;left:1120px;overflow:hidden;padding:18px;position:absolute;top:70px;-webkit-user-select:none;user-select:none;width:420px}.loading-info-header{background:linear-gradient(90deg,#02295f,#0054aa,#02295f);border:1px solid #56b7ff;border-radius:8px;box-shadow:inset 0 1px 2px #ffffff4d,0 0 8px #00aaff73;height:34px;margin-bottom:12px;overflow:hidden;position:relative}.loading-info-header span{animation:marqueeTitle 12s linear infinite;color:#fff;font-size:17px;font-weight:700;line-height:34px;position:absolute;text-shadow:0 0 10px cyan;white-space:nowrap}.loading-info-title{background:linear-gradient(180deg,#0068d7,#004d9d);border:1px solid #4bc7ff;border-radius:8px;box-shadow:inset 0 1px 2px #ffffff4d,0 0 12px #00aaff59;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:18px;padding:9px;text-align:center}.loading-grid{display:flex;flex-direction:column;gap:12px}.loading-row{align-items:center;display:flex;gap:14px;justify-content:space-between}.loading-row label{color:#d8d8d8;font-size:13px;font-weight:700;letter-spacing:.5px;width:170px}.loading-row input{background:linear-gradient(180deg,#0b0b0b,#1c1c1c);border:1px solid #666;border-radius:8px;box-shadow:inset 0 2px 5px #000000d9;color:#0f6;flex:1 1;font-size:15px;font-weight:700;height:34px;padding-right:10px;text-align:right;transition:.25s}.loading-row input:hover{border-color:#0ff;box-shadow:0 0 8px #00ffff8c,inset 0 2px 5px #000}.loading-row input:focus{border-color:#0ff;box-shadow:0 0 15px cyan,inset 0 0 6px #000;color:#fff;outline:none}.loading-row input:read-only{background:linear-gradient(180deg,#151515,#222);color:#7dff7d}.loading-buttons{display:flex;gap:14px;justify-content:space-between;margin-top:22px}.reset-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;height:42px;letter-spacing:.7px;overflow:hidden;position:relative;transition:.25s}.reset-btn.quantity{background:linear-gradient(180deg,#0079ff,#004fa7)}.reset-btn.accumulator{background:linear-gradient(180deg,#d13b00,#871700)}.reset-btn:hover{transform:translateY(-2px) scale(1.03)}.reset-btn.quantity:hover{box-shadow:0 0 18px #00bfff}.reset-btn.accumulator:hover{box-shadow:0 0 18px red}.reset-btn:active{transform:scale(.96)}.reset-btn:before{background:linear-gradient(90deg,#0000,#ffffff8c,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;width:45%}.reset-btn:hover:before{animation:buttonShine .8s linear}@keyframes breathingPanel{0%{box-shadow:inset 0 2px 2px #ffffff4d,0 0 10px #0096ff26}50%{box-shadow:inset 0 2px 2px #ffffff4d,0 0 22px #00ffff73}to{box-shadow:inset 0 2px 2px #ffffff4d,0 0 10px #0096ff26}}@keyframes marqueeTitle{0%{transform:translateX(100%)}to{transform:translateX(-110%)}}@keyframes buttonShine{0%{left:-120%}to{left:130%}}.receipt-btn{background:linear-gradient(180deg,#009688,#00695c);border:none;border-radius:10px;box-shadow:inset 0 2px 2px #ffffff40,0 0 10px #00ffc840;color:#fff;cursor:pointer;flex:1 1;font-weight:700;height:42px;letter-spacing:1px;transition:.25s}.receipt-btn:hover{box-shadow:0 0 18px cyan;transform:translateY(-2px) scale(1.03)}.receipt-btn:active{transform:scale(.96)}.batch-status{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:700;height:55px;justify-content:center;letter-spacing:2px;margin-top:18px;transition:.4s}.batch-status.ready{background:#555}.batch-status.loading{animation:loadingPulse 1.2s infinite;background:#1565c0}.batch-status.complete{animation:completePulse .8s infinite alternate;background:#0a8f2b}.batch-status.interrupted{animation:warningPulse 1s infinite;background:#d38d00}.batch-status.reset{background:#b71c1c}@keyframes loadingPulse{0%{box-shadow:0 0 8px #2196f3}50%{box-shadow:0 0 22px cyan}to{box-shadow:0 0 8px #2196f3}}@keyframes completePulse{0%{box-shadow:0 0 12px lime;transform:scale(1)}to{box-shadow:0 0 25px lime;transform:scale(1.02)}}@keyframes warningPulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.current-product-panel{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:18px}.current-product-title{color:#9ecfff;font-size:13px;font-weight:700;letter-spacing:2px;text-shadow:0 0 6px #00bfff}.current-product-value{border:2px solid;border-radius:8px;font-size:18px;font-weight:700;letter-spacing:1px;min-width:260px;padding:12px 20px;text-align:center;transition:.35s}.product-active{animation:productGlow 1.2s infinite alternate;background:linear-gradient(180deg,#004b1f,#017b34);border-color:#0f8;box-shadow:0 0 15px #00ff7873;color:#fff}.product-none{background:linear-gradient(180deg,#333,#222);border-color:#666;color:#bbb}@keyframes productGlow{0%{box-shadow:0 0 10px #00ff7873;transform:scale(1)}to{box-shadow:0 0 22px #00ff78e6;transform:scale(1.02)}}.Desalination-container{background-image:url(/static/media/Desalination.fc6c9e16108fba597b10.png);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:940px;position:relative;width:100%}.FCV-3901{cursor:pointer;transition:all .2s ease}.FCV-3901:hover{transform:scale(1.1)}.FCV-3901:hover path,.FCV-3901:hover polygon,.FCV-3901:hover rect{filter:brightness(1.2)}.FCV-3901:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3902{cursor:pointer;transition:all .2s ease}.FCV-3902:hover{transform:scale(1.1)}.FCV-3902:hover path,.FCV-3902:hover polygon,.FCV-3902:hover rect{filter:brightness(1.2)}.FCV-3902:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3903{cursor:pointer;transition:all .2s ease}.FCV-3903:hover{transform:scale(1.1)}.FCV-3903:hover path,.FCV-3903:hover polygon,.FCV-3903:hover rect{filter:brightness(1.2)}.FCV-3903:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3904{cursor:pointer;transition:all .2s ease}.FCV-3904:hover{transform:scale(1.1)}.FCV-3904:hover path,.FCV-3904:hover polygon,.FCV-3904:hover rect{filter:brightness(1.2)}.FCV-3904:hover{filter:drop-shadow(0 0 6px #00e5ff)}.FCV-3905{cursor:pointer;transition:all .2s ease}.FCV-3905:hover{transform:scale(1.1)}.FCV-3905:hover path,.FCV-3905:hover polygon,.FCV-3905:hover rect{filter:brightness(1.2)}.FCV-3905:hover{filter:drop-shadow(0 0 6px #00e5ff)}.Flare-container{background-image:url(/static/media/FlareLayout.3600665a2f830a2e29e8.jpg);background-position:50%;background-position:center 20px;background-repeat:no-repeat;background-size:100% auto;height:720px;position:relative;width:100%}.FCV-4101{cursor:pointer;transition:all .2s ease}.FCV-4101:hover{transform:scale(1.1)}.FCV-4101:hover path,.FCV-4101:hover polygon,.FCV-4101:hover rect{filter:brightness(1.2)}.FCV-4101: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)}}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}.economics-dashboard{background:radial-gradient(circle at top right,#00ffff26,#0000 40%),radial-gradient(circle at bottom left,#00ff781f,#0000 35%),#050914;color:#fff;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;overflow:hidden;padding:10px 50px 150px;position:relative}.economics-dashboard h1{background:linear-gradient(90deg,#0ff,#0f8,#fff);-webkit-background-clip:text;color:#0000;font-size:36px;font-weight:800;letter-spacing:3px;margin-bottom:40px;text-align:center;text-shadow:0 0 20px #00ffff4d}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #00ffff26;border-radius:18px;min-height:160px;overflow:hidden;padding:25px;position:relative;transition:.35s ease}.card:before{background:linear-gradient(90deg,cyan,lime);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.card:hover{border-color:cyan;box-shadow:0 0 30px #00ffff40;transform:translateY(-8px)}.card h3{color:#0ff;font-size:18px;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.card p{color:#ddd;font-size:16px;line-height:1.8}.card p:first-line{color:#fff;font-weight:700}.economic-layout{grid-gap:25px;display:grid;gap:25px;grid-template-columns:260px 1fr}.economic-navigation{background:#ffffff0a;border:1px solid #00ffff26;border-radius:18px;padding:20px}.economic-navigation-item{border-radius:10px;cursor:pointer;margin-bottom:10px;padding:15px;transition:.3s}.economic-navigation-item:hover{background:#00ffff1f;color:#0ff}.economic-content{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:25px}.kpi-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-bottom:35px}.kpi-card{background:#00ffff0f;border:1px solid #0ff3;border-radius:14px;padding:20px;text-align:center}.kpi-value{color:#0f8;font-size:28px;font-weight:800}.kpi-label{color:#aaa;font-size:12px;letter-spacing:2px}@media(max-width:1000px){.economic-layout{grid-template-columns:1fr}.kpi-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.economics-dashboard{padding:15px}.economics-dashboard h1{font-size:24px}.kpi-container{grid-template-columns:1fr}}.production-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.summary-box{background:#0b1629;border:1px solid #00ffff26;border-radius:10px;padding:10px;text-align:center}.summary-box h4{color:#93c5fd;margin-bottom:5px}.summary-box span{color:#00ffd5;display:block;font-size:18px;font-weight:500}.summary-box small{color:#9ca3af}.production-table{margin-top:20px;overflow:auto}.production-table table{border-collapse:collapse;width:100%}.production-table th{background:#112240;color:#fff;padding:12px;text-align:center}.production-table td{border-bottom:1px solid #ffffff14;padding:10px;text-align:center}.production-table tr:hover{background:#102238}.section-title-header{background:linear-gradient(90deg,#01284d,#0058b8,#01284d);border:1px solid #56b7ff;border-radius:8px;box-shadow:inset 0 1px 2px #ffffff40,0 0 10px #00b4ff59;height:42px;margin-bottom:18px;overflow:hidden;position:relative;width:100%}.section-title-header span{animation:sectionMarquee 12s linear infinite;color:#fff;font-size:22px;font-weight:800;left:100%;letter-spacing:2px;line-height:42px;position:absolute;text-shadow:0 0 6px #0ff,0 0 12px #00d9ff,0 0 18px #07f;text-transform:uppercase;white-space:nowrap}.section-title-header:before{animation:sectionShine 3.5s linear infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";inset:0;position:absolute}@keyframes sectionMarquee{0%{transform:translateX(0)}to{transform:translateX(-220%)}}@keyframes sectionShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.reset-menu{display:inline-block;position:relative}.reset-main{background:linear-gradient(180deg,#0b7dd7,#004b8d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;padding:8px 18px;transition:.25s}.reset-main:hover{box-shadow:0 0 12px #00ffff73}.reset-dropdown{background:#08111d;border:1px solid #2ea8ff;border-radius:10px;box-shadow:0 10px 25px #00000073;opacity:0;overflow:hidden;position:absolute;right:0;top:105%;transform:translateY(-10px);transition:.25s;visibility:hidden;width:220px;z-index:100}.reset-menu:hover .reset-dropdown{opacity:1;transform:translateY(0);visibility:visible}.reset-dropdown div{border-bottom:1px solid #ffffff14;color:#fff;cursor:pointer;font-size:15px;padding:12px 18px;transition:.25s}.reset-dropdown div:last-child{border-bottom:none}.reset-dropdown div:hover{background:#0069c8;color:#fff;padding-left:28px}.production-header{margin-bottom:20px;position:relative;width:100%}.reset-menu{position:absolute;right:0;right:835px;top:0;top:6px;z-index:500}.revenue-summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:25px;margin-top:18px}.revenue-card{background:linear-gradient(180deg,#12304b,#071926);border:1px solid #00ffff40;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff14,0 0 10px #00ffff1a;padding:18px;transition:.3s}.revenue-card:hover{border-color:#0ff;box-shadow:0 0 20px #00ffff4d;transform:translateY(-3px)}.revenue-card h4{color:#8fe8ff;font-size:14px;font-weight:600;margin:0}.revenue-card span{color:#fff;display:block;font-size:28px;font-weight:800;margin-top:10px;text-shadow:0 0 8px #00ffff59}.revenue-card small{color:#a8c6d9;display:block;font-size:12px;margin-top:8px}.revenue-bars{margin-top:25px}.revenue-bar-row{align-items:center;display:flex;gap:15px;margin:12px 0}.bar-name{color:#d8ffff;font-weight:700;width:120px}.bar-track{background:#10243b;border:1px solid #00d5ff55;border-radius:30px;flex:1 1;height:20px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#00b3ff,#00ffd0,#0f6);box-shadow:0 0 15px cyan;height:100%;transition:.6s}.bar-value{color:#fff;font-weight:700;text-align:right;width:70px}.revenue-table{background:#071521;border:1px solid #0ff3;border-radius:12px;box-shadow:0 0 12px #00ffff1f;margin-top:25px;overflow:hidden}.revenue-table table{border-collapse:collapse;width:100%}.revenue-table thead{background:linear-gradient(90deg,#004f88,#0076b6,#004f88)}.revenue-table th{border-bottom:1px solid #ffffff26;color:#fff;font-size:14px;letter-spacing:1px;padding:14px;text-align:center;text-transform:uppercase}.revenue-table td{border-bottom:1px solid #ffffff0d;color:#d8ecff;font-size:14px;padding:13px;text-align:center}.revenue-table tbody tr{transition:.25s}.revenue-table tbody tr:nth-child(2n){background:#ffffff05}.revenue-table tbody tr:hover{background:#00ffff14}.revenue-table td:first-child{color:#7fe8ff;font-weight:700;padding-left:20px;text-align:left}.revenue-table td:nth-child(3){color:#ffd966;font-weight:700}.revenue-table td:nth-child(4),.revenue-table td:nth-child(5),.revenue-table td:nth-child(6){color:#65ff8d;font-weight:700}.revenue-table td:last-child{color:#0ff;font-weight:700}.waterfall-container{background:#071b34;border:1px solid #00ffff2e;border-radius:10px;margin-top:30px;padding:20px}.waterfall-container h3{color:#0ff;letter-spacing:1px;margin-bottom:20px}.waterfall{flex-wrap:wrap;gap:12px;justify-content:space-between}.waterfall,.waterfall-item{align-items:center;display:flex}.waterfall-item{border-radius:10px;box-shadow:0 0 12px #00ffff2e;flex-direction:column;justify-content:center;min-height:95px;text-align:center;transition:.35s;width:170px}.waterfall-item span{font-size:13px;opacity:.85}.waterfall-item strong{font-size:22px;margin-top:10px}.waterfall-item:hover{transform:translateY(-5px)}.waterfall-item.positive{background:linear-gradient(180deg,#0b6f37,#095d2f)}.waterfall-item.negative{background:linear-gradient(180deg,#7d1d1d,#5c1010)}.waterfall-item.profit{background:linear-gradient(180deg,#0058d6,#003d99);box-shadow:0 0 20px #00aaff8c}.waterfall-arrow{color:#0ff;font-size:28px;font-weight:700}.revenue-trend-container{background:#081d38;border:1px solid #00ffff26;border-radius:10px;margin-top:30px;padding:20px}.revenue-trend-container h3{color:#0ff;margin-bottom:20px}.revenue-trend-grid{display:flex;gap:20px;justify-content:space-around}.trend-card{background:linear-gradient(180deg,#0c4d80,#08263d);border-radius:10px;flex:1 1;padding:20px;text-align:center;transition:.3s}.trend-card:hover{box-shadow:0 0 20px #00ffff59;transform:translateY(-6px)}.trend-card span{color:#8ad8ff;display:block;font-size:14px}.trend-card strong{color:#fff;display:block;font-size:26px;margin-top:12px}.currency-menu{position:absolute;right:30px;top:20px;z-index:1000}.currency-main{background:#0d4e84;border:none;border-radius:8px;box-shadow:0 0 10px #0ff6;color:#fff;cursor:pointer;font-weight:700;height:38px;width:90px}.currency-dropdown{background:#081f35;border:1px solid cyan;border-radius:8px;display:none;min-width:220px;overflow:hidden;position:absolute;right:0;top:42px}.currency-menu:hover .currency-dropdown{display:block}.currency-dropdown div{color:#fff;cursor:pointer;padding:10px 15px;transition:.25s}.currency-dropdown div:hover{background:#00b7ff;color:#000}.login-container{align-items:center;background:#0a0e17;display:flex;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bg-orb{animation:floatOrb 25s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#00b4ff4d,#0000);height:600px;right:-200px;top:-300px;width:600px}.orb-2{animation-delay:-8s;background:radial-gradient(circle,#0f83,#0000);bottom:-250px;height:500px;left:-150px;width:500px}.orb-3{animation-delay:-16s;background:radial-gradient(circle,#ffb80026,#0000);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-40px,40px) scale(.9)}75%{transform:translate(40px,50px) scale(1.05)}}.grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.login-card{animation:slideUp .6s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 40px 80px #00000080;max-width:440px;padding:40px 35px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:30px;text-align:center}.brand-icon{align-items:center;background:linear-gradient(135deg,#00b4ff26,#00ff8826);border-radius:16px;display:flex;height:56px;justify-content:center;margin:0 auto 12px;padding:12px;width:56px}.brand-icon svg{color:#00b4ff;height:100%;width:100%}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b4ff,#0f8);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.login-header p{color:#fff6;font-size:.85rem;letter-spacing:2px;margin:4px 0 12px;text-transform:uppercase}.status-badge{background:#00ff8814;border:1px solid #00ff881f;border-radius:50px;color:#0f8;display:inline-block;font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 14px}.status-dot{animation:pulse-dot 2s infinite;background:#0f8;border-radius:50%;display:inline-block;height:6px;margin-right:8px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.tab-switcher{background:#ffffff0a;border-radius:12px;display:flex;margin-bottom:30px;padding:4px;position:relative}.tab-btn{background:#0000;border:none;border-radius:9px;color:#fff6;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;position:relative;transition:all .3s ease;z-index:1}.tab-btn.active{color:#fff}.tab-btn:hover:not(.active){color:#ffffffb3}.tab-slider{background:linear-gradient(135deg,#00b4ff,#0f8);border-radius:9px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:calc(50% - 4px)}.login-form{gap:18px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.form-group label svg{height:14px;width:14px}.form-group input{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder{color:#fff3}.form-group input:focus{background:#ffffff0f;border-color:#00b4ff4d;box-shadow:0 0 30px #00b4ff0d}.form-group input:focus+.toggle-password{border-color:#00b4ff4d}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px;width:100%}.toggle-password{background:#0000;border:none;color:#ffffff4d;cursor:pointer;font-size:1.1rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.toggle-password:hover{color:#fff9}.form-options{justify-content:space-between;margin:-4px 0 4px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#fff6;cursor:pointer;font-size:.82rem;gap:10px;position:relative}.checkbox-label input{display:none}.checkmark{background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;display:inline-block;flex-shrink:0;height:18px;transition:all .3s ease;width:18px}.checkbox-label input:checked+.checkmark{background:linear-gradient(135deg,#00b4ff,#0f8);border-color:#00b4ff}.checkbox-label input:checked+.checkmark:after{align-items:center;color:#0a0e17;content:"✓";display:flex;font-size:12px;font-weight:700;justify-content:center}.forgot-link{color:#ffffff4d;font-size:.82rem;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#00b4ff}.submit-btn{align-items:center;background:linear-gradient(135deg,#00b4ff,#0f8);border:none;border-radius:12px;color:#0a0e17;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:2px;margin-top:4px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 10px 40px #00b4ff4d;transform:scale(1.02)}.submit-btn:active:not(:disabled){transform:scale(.97)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:.6rem;transition:transform .3s ease}.submit-btn:hover:not(:disabled) .btn-icon{transform:translateX(4px)}.btn-shimmer{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.spinner{animation:spin .8s linear infinite;border:2px solid #0a0e171a;border-radius:50%;border-top-color:#0a0e17;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.switch-mode{color:#ffffff4d;font-size:.85rem;margin:4px 0 0;text-align:center}.switch-link{background:#0000;border:none;color:#00b4ff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:0 4px;transition:color .3s ease}.switch-link:hover{color:#0f8;text-decoration:underline}.login-footer{border-top:1px solid #ffffff0a;justify-content:space-between;margin-top:25px;padding-top:20px}.login-footer,.security-badge{align-items:center;display:flex}.security-badge{color:#fff3;font-size:.7rem;gap:8px}.security-badge svg{height:14px;width:14px}.login-footer p{color:#ffffff1a;font-size:.65rem;margin:0}@media (max-width:480px){.login-card{border-radius:20px;padding:30px 20px}.login-header h1{font-size:1.5rem}.brand-icon{height:48px;width:48px}.tab-btn{font-size:.75rem;padding:8px 12px}.form-group input{font-size:.85rem;padding:10px 14px}.submit-btn{font-size:.85rem;padding:12px}.login-footer{align-items:center;flex-direction:column;gap:8px}}@media (max-width:380px){.login-card{padding:20px 16px}.form-options{align-items:flex-start;flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.70ea7339.css.map*/