.loading-overlay[data-v-f317f015]{background:radial-gradient(circle at center,rgba(0,140,255,.18),transparent 45%),linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}:root{--bg-primary: #061426;--bg-secondary: #020811;--bg-panel: rgba(5, 24, 47, .88);--bg-panel-hover: rgba(8, 34, 62, .92);--bg-element: rgba(10, 48, 86, .7);--bg-estat: rgba(10, 48, 86, .45);--bg-button: #071b32;--bg-button-active-start: #073b73;--bg-button-active-end: #0a87d8;--bg-select: #071b32;--bg-bar: #0b2946;--border-primary: #0b5c96;--border-secondary: #0d568f;--border-light: rgba(65, 145, 210, .25);--border-nav: #124b80;--border-select: #1b68a7;--border-tag: #0b78bd;--border-hr: #0b4a78;--border-topbar: #0d4f85;--text-primary: #e8f4ff;--text-secondary: #cfe9ff;--text-tertiary: #83a8ce;--text-muted: #8caed0;--text-panel-title: #dff6ff;--text-chart: #b7d7ff;--text-chart-axis: #9fbde0;--color-green: #38f076;--color-green-light: #31d66a;--color-green-glow: rgba(49, 214, 106, .4);--color-green-stat: #2eef6f;--color-green-dot: #2ee86b;--color-orange: #ffb21b;--color-red: #ff4a4a;--color-red-light: #ff5353;--color-gray: #cbd5e1;--color-gray-dot: #8ba0b8;--chart-pressure: #00d4ff;--chart-temp: #ff9800;--chart-current: #4caf50;--chart-vibration: #f44336;--chart-health-start: #23e66d;--chart-health-mid: #ffe04d;--chart-health-end: #ff4a4a;--font-family: "Microsoft YaHei", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 24px;--font-size-4xl: 26px;--font-size-5xl: 28px;--font-size-6xl: 35px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 14px;--spacing-xl: 18px;--spacing-2xl: 24px;--radius-sm: 6px;--radius-md: 7px;--radius-lg: 8px;--radius-xl: 10px;--radius-round: 50%;--shadow-panel: inset 0 0 24px rgba(0, 130, 255, .08);--shadow-button-active: 0 0 18px #0a8de8;--shadow-status-circle: 0 0 28px var(--color-green-glow);--shadow-pump: 0 0 45px rgba(0, 130, 255, .15), inset 0 0 30px rgba(0, 200, 255, .08);--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-select)}a{color:var(--chart-pressure);text-decoration:none}a:hover{text-decoration:underline}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-normal)}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.dashboard{min-height:100vh;padding:var(--spacing-lg);background:radial-gradient(circle at center,rgba(0,140,255,.18),transparent 45%),linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.topbar{height:78px;display:grid;grid-template-columns:160px 390px 1fr 310px;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--border-topbar)}.topbar-title{text-align:center}.topbar-title h1{margin:0;font-size:var(--font-size-5xl);letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title p{color:var(--text-tertiary);font-size:var(--font-size-xs)}.time-display{font-size:var(--font-size-2xl)}.time-display span{color:var(--text-tertiary);font-size:var(--font-size-xs)}nav{display:flex;flex-wrap:nowrap;gap:6px}nav button{background:var(--bg-button);border:1px solid var(--border-nav);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family);white-space:nowrap;transition:all var(--transition-fast)}nav button:hover{border-color:var(--border-select);background:var(--bg-element)}nav button.active{background:linear-gradient(var(--bg-button-active-start),var(--bg-button-active-end));box-shadow:var(--shadow-button-active);border-color:transparent}.user-area{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-lg)}.user-area select{background:var(--bg-select);border:1px solid var(--border-select);color:var(--text-primary);padding:9px var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer}.alarm-badge-wrapper{position:relative;cursor:pointer;font-size:var(--font-size-xl)}.alarm-badge{position:absolute;top:-6px;right:-8px;background:var(--color-red);color:#fff;border-radius:var(--radius-round);width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center}.username{font-weight:700;cursor:pointer}.layout{display:grid;grid-template-columns:380px 1fr 420px;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.left,.center,.right{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}footer{margin-top:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-md) 0}.green{color:var(--color-green)}.orange{color:var(--color-orange)}.red{color:var(--color-red)}.gray{color:var(--color-gray)}@media (max-width: 1919px){.topbar{grid-template-columns:140px 340px 1fr 260px;gap:8px}.topbar-title h1{font-size:var(--font-size-2xl)}nav button{padding:10px var(--spacing-md);font-size:var(--font-size-sm)}.layout{grid-template-columns:330px 1fr 360px}}@media (max-width: 1439px){.topbar{grid-template-columns:120px 280px 1fr 220px;font-size:var(--font-size-sm)}.topbar-title h1{font-size:var(--font-size-xl)}.layout{grid-template-columns:1fr 360px}.left{grid-row:1;grid-column:1}.center{grid-row:1;grid-column:2}.right{grid-row:2;grid-column:1 / span 2}}@media (max-width: 1023px){.topbar{grid-template-columns:1fr;height:auto;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.layout{grid-template-columns:1fr}}@media (max-width: 767px){.dashboard{padding:var(--spacing-sm)}nav{overflow-x:auto}nav button{padding:8px var(--spacing-md);font-size:var(--font-size-xs)}.topbar-title h1{font-size:var(--font-size-lg)}}.panel{background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.panel-title{padding:var(--spacing-md) var(--spacing-lg);font-weight:700;border-bottom:1px solid var(--border-hr);color:var(--text-panel-title);display:flex;align-items:center;justify-content:space-between}.panel-title .collapse-btn{cursor:pointer;background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-lg);line-height:1;padding:0}.panel-body{padding:var(--spacing-md)}.status-circle{width:140px;height:140px;border:10px solid var(--color-green-light);border-radius:var(--radius-round);display:grid;place-items:center;margin:10px auto;box-shadow:var(--shadow-status-circle);transition:all var(--transition-normal)}.status-circle.warning{border-color:var(--color-orange);box-shadow:0 0 28px #ffb21b66}.status-circle.fault{border-color:var(--color-red);box-shadow:0 0 28px #ff4a4a66}.status-circle.offline{border-color:var(--color-gray-dot);box-shadow:0 0 28px #8ba0b84d}.status-circle strong{font-size:var(--font-size-4xl);color:var(--color-green);display:block}.status-circle.warning strong{color:var(--color-orange)}.status-circle.fault strong{color:var(--color-red)}.status-circle.offline strong{color:var(--color-gray-dot)}.status-circle span{color:var(--color-green);font-size:var(--font-size-sm)}.device-info p{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.stat,.metric{background:var(--bg-element);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.stat strong{display:block;font-size:var(--font-size-3xl)}.stat.green strong{color:var(--color-green-stat)}.stat.orange strong{color:var(--color-orange)}.stat.red strong{color:var(--color-red)}.stat.gray strong{color:var(--color-gray)}.metric span{display:block;color:var(--text-tertiary);font-size:var(--font-size-sm)}.metric strong{font-size:var(--font-size-3xl)}.metric.danger strong{color:var(--color-red-light)}.trend-chart{height:260px;width:100%}.health-bar-chart{height:220px;width:100%}.metrics-grid,.param-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-light);color:var(--text-secondary);text-align:left}th{font-weight:700;color:var(--text-panel-title)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:var(--radius-round);margin-right:var(--spacing-xs)}.status-dot.online{background:var(--color-green-dot)}.status-dot.warning{background:var(--color-orange)}.status-dot.fault{background:var(--color-red)}.status-dot.offline{background:var(--color-gray-dot)}.pump-diagram-wrapper{position:relative;height:440px;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:#071e3c66;overflow:hidden;box-shadow:var(--shadow-pump)}.pump-center-image{position:absolute;width:76%;left:12%;top:60px;max-height:300px;object-fit:contain;opacity:.95;border-radius:var(--spacing-md)}.data-tag{position:absolute;min-width:110px;background:#051e3ae6;border:1px solid var(--border-tag);border-radius:var(--radius-sm);padding:10px;text-align:center}.data-tag span{display:block;color:var(--text-tertiary);font-size:var(--font-size-sm)}.data-tag strong{font-size:var(--font-size-xl)}.tag-t1{left:20px;top:80px}.tag-t2{left:20px;top:185px}.tag-t3{left:43%;top:25px}.tag-t4{right:30px;top:80px}.tag-t5{right:30px;top:185px}.tag-t6{right:30px;top:285px}.tag-t7{left:42%;bottom:35px}.tag-t8{right:190px;bottom:35px}.health-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);border-top:1px solid var(--border-hr);padding-top:var(--spacing-lg);text-align:center}.health-row div{background:var(--bg-estat);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.health-row b{display:block;margin-top:6px;font-size:var(--font-size-2xl)}.rank-row{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:var(--spacing-sm);margin:10px 0}.rank-bar{height:8px;background:var(--bg-bar);border-radius:var(--radius-xl);overflow:hidden}.rank-bar-fill{display:block;height:100%;border-radius:var(--radius-xl);background:linear-gradient(90deg,var(--chart-health-start),var(--chart-health-mid),var(--chart-health-end));transition:width .5s ease}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary)}.spinner{width:40px;height:40px;border:3px solid var(--border-hr);border-top:3px solid var(--chart-pressure);border-radius:var(--radius-round);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-md);color:var(--color-red-light)}.error-state button{background:var(--bg-button);border:1px solid var(--border-select);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-tertiary);font-size:var(--font-size-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pagination button{background:var(--bg-button);border:1px solid var(--border-nav);color:var(--text-primary);padding:6px var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{color:var(--text-tertiary);font-size:var(--font-size-sm)}.filter-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.filter-bar input,.filter-bar select{background:var(--bg-select);border:1px solid var(--border-select);color:var(--text-primary);padding:8px var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm)}.filter-bar input{min-width:200px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(0,140,255,.15),transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,100,200,.1),transparent 50%),linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.login-card{width:100%;max-width:420px;padding:var(--spacing-2xl)}.login-card h2{text-align:center;font-size:var(--font-size-3xl);margin-bottom:6px}.login-card .subtitle{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-2xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-tertiary);font-size:var(--font-size-sm)}.form-group input{width:100%;background:var(--bg-select);border:1px solid var(--border-select);color:var(--text-primary);padding:10px var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--chart-pressure);box-shadow:0 0 8px #00d4ff33}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.form-row label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);cursor:pointer}.forgot-link{color:var(--chart-pressure);cursor:pointer}.btn-login{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);background:linear-gradient(var(--bg-button-active-start),var(--bg-button-active-end));color:#fff;font-size:var(--font-size-lg);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 12px #0a8de84d}.btn-login:hover{box-shadow:0 0 20px #0a8de880}.btn-login:disabled{opacity:.6;cursor:not-allowed}.btn-login .spinner{width:20px;height:20px}.error-message{text-align:center;color:var(--color-red);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}@media (max-width: 767px){.metrics-grid,.param-grid,.stat-grid,.health-row{grid-template-columns:repeat(2,1fr)}.status-circle{width:100px;height:100px}.status-circle strong{font-size:var(--font-size-xl)}}