.hp-auto .hp-page[data-v-04dcc09e]{margin:0 10px 20px;color:#cfe6ff;font-size:13px}.hp-auto .hp-kpis[data-v-04dcc09e]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.hp-auto .hp-kpi[data-v-04dcc09e]{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(16,55,130,.35),rgba(8,25,60,.35));border:1px solid rgba(63,156,255,.35);border-radius:8px;padding:14px 18px;position:relative;overflow:hidden}.hp-auto .hp-kpi[data-v-04dcc09e]:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#4fc3ff,#1b62e0);box-shadow:0 0 10px rgba(79,195,255,.8)}.hp-auto .hp-kpi .hp-ring[data-v-04dcc09e]{flex:none;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,rgba(30,90,200,.55),rgba(8,25,60,.9));border:1px solid rgba(79,195,255,.6);box-shadow:0 0 14px rgba(63,156,255,.45),inset 0 0 12px rgba(63,156,255,.35);display:flex;align-items:center;justify-content:center}.hp-auto .hp-kpi .info .label[data-v-04dcc09e]{font-size:12px;color:#7ea6d9;margin-bottom:4px}.hp-auto .hp-kpi .info .value[data-v-04dcc09e]{font-size:26px;font-weight:500;font-family:DIN Alternate,Segoe UI,sans-serif;background-image:linear-gradient(180deg,#fff,#6fc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hp-auto .hp-kpi .info .value small[data-v-04dcc09e]{font-size:12px;margin-left:3px}.hp-auto .hp-kpi .trend[data-v-04dcc09e]{font-size:11px;margin-top:3px}.hp-auto .hp-kpi .up[data-v-04dcc09e]{color:#35e0b0}.hp-auto .hp-kpi .down[data-v-04dcc09e]{color:#ff7a7a}.hp-auto .hp-card[data-v-04dcc09e]{background:linear-gradient(180deg,rgba(13,40,95,.35),rgba(5,18,45,.55));border:1px solid rgba(63,156,255,.28);border-radius:8px;padding:14px 16px;box-shadow:inset 0 0 24px rgba(20,70,170,.15)}.hp-auto .hp-grid[data-v-04dcc09e]{display:grid;grid-template-columns:5fr 4fr 4fr;gap:14px;margin-bottom:16px}.hp-auto .hp-chart[data-v-04dcc09e]{height:190px}.hp-auto .hp-title[data-v-04dcc09e]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#dceeff;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid transparent;-o-border-image:linear-gradient(90deg,rgba(63,156,255,.8),transparent) 1;border-image:linear-gradient(90deg,rgba(63,156,255,.8),transparent) 1}.hp-auto .hp-title[data-v-04dcc09e]:before{content:"";width:8px;height:8px;background:#3f9cff;transform:rotate(45deg);box-shadow:0 0 8px #3f9cff}.hp-auto .hp-title .more[data-v-04dcc09e]{margin-left:auto;font-size:12px;color:#5f8fd0;cursor:pointer;font-weight:400}.hp-auto .hp-title .more[data-v-04dcc09e]:hover{color:#4fc3ff}.hp-auto .hp-rank[data-v-04dcc09e]{display:flex;flex-direction:column;gap:10px;margin-top:4px}.hp-auto .rank-item[data-v-04dcc09e]{display:flex;align-items:center;gap:10px;font-size:12px}.hp-auto .rank-no[data-v-04dcc09e]{flex:none;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#04122e;font-weight:500;background:linear-gradient(180deg,#6fd6ff,#2a7de8)}.hp-auto .rank-item:first-child .rank-no[data-v-04dcc09e]{background:linear-gradient(180deg,#ffe08a,#f0a020)}.hp-auto .rank-item:nth-child(2) .rank-no[data-v-04dcc09e]{background:linear-gradient(180deg,#d8e6f5,#8fa8c8)}.hp-auto .rank-item:nth-child(3) .rank-no[data-v-04dcc09e]{background:linear-gradient(180deg,#ffb98a,#e07a3f)}.hp-auto .rank-name[data-v-04dcc09e]{flex:none;width:64px;color:#a9c6e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-auto .rank-bar[data-v-04dcc09e]{flex:1;height:8px;border-radius:4px;background:rgba(63,156,255,.14);overflow:hidden}.hp-auto .rank-fill[data-v-04dcc09e]{height:100%;border-radius:4px;background:linear-gradient(90deg,#1b62e0,#4fc3ff);box-shadow:0 0 8px rgba(79,195,255,.7);position:relative;transition:width .6s}.hp-auto .rank-fill[data-v-04dcc09e]:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:3px;background:#bfeaff;border-radius:2px}.hp-auto .rank-val[data-v-04dcc09e]{flex:none;width:34px;text-align:right;color:#6fc4ff;font-family:Consolas,monospace}.hp-auto .hp-toolbar[data-v-04dcc09e]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(63,156,255,.25)}.hp-auto .tabs[data-v-04dcc09e]{display:flex;gap:6px}.hp-auto .tab[data-v-04dcc09e]{padding:9px 18px;font-size:13px;color:#7ea6d9;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-13px;transition:all .2s}.hp-auto .tab[data-v-04dcc09e]:hover{color:#bfe0ff}.hp-auto .tab.active[data-v-04dcc09e]{color:#4fc3ff;border-bottom-color:#4fc3ff;text-shadow:0 0 10px rgba(79,195,255,.8)}.hp-auto .tab .cnt[data-v-04dcc09e]{font-size:11px;color:#6fc4ff;background:rgba(63,156,255,.16);border:1px solid rgba(63,156,255,.3);border-radius:8px;padding:0 7px;margin-left:5px}.hp-auto .tools[data-v-04dcc09e]{display:flex;gap:10px;align-items:center}.hp-auto .search-box[data-v-04dcc09e]{display:flex;align-items:center;gap:8px;background:rgba(13,40,95,.5);border:1px solid rgba(63,156,255,.4);border-radius:5px;padding:0 12px;height:34px;width:230px}.hp-auto .search-box input[data-v-04dcc09e]{background:transparent;border:none;outline:none;color:#cfe6ff;font-size:13px;width:100%}.hp-auto .search-box input[data-v-04dcc09e]::-moz-placeholder{color:#4f77ab}.hp-auto .search-box input[data-v-04dcc09e]::placeholder{color:#4f77ab}.hp-auto .btn[data-v-04dcc09e]{height:34px;padding:0 16px;border-radius:5px;font-size:13px;cursor:pointer;border:1px solid rgba(63,156,255,.45);background:rgba(13,40,95,.5);color:#a9c6e8;transition:all .2s}.hp-auto .btn[data-v-04dcc09e]:hover{border-color:#4fc3ff;color:#4fc3ff}.hp-auto .btn-primary[data-v-04dcc09e]{background:linear-gradient(180deg,#2a7de8,#1b62e0);border:1px solid #4fc3ff;color:#fff;box-shadow:0 0 12px rgba(42,125,232,.6)}.hp-auto .btn-primary[data-v-04dcc09e]:hover{filter:brightness(1.15);color:#fff}.hp-auto table[data-v-04dcc09e]{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:14px}.hp-auto thead th[data-v-04dcc09e]{background:linear-gradient(180deg,rgba(30,85,190,.5),rgba(12,38,90,.5));color:#bfe0ff;font-size:12px;font-weight:500;padding:12px 14px;text-align:left;letter-spacing:1px;border-bottom:1px solid rgba(79,195,255,.6);box-shadow:0 2px 10px rgba(27,98,224,.25);white-space:nowrap}.hp-auto tbody td[data-v-04dcc09e]{padding:13px 14px;font-size:13px;color:#c4dcf5;border-bottom:1px solid rgba(63,156,255,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-auto tbody tr[data-v-04dcc09e]:nth-child(2n){background:rgba(20,60,140,.12)}.hp-auto tbody tr[data-v-04dcc09e]{transition:background .15s;cursor:pointer}.hp-auto tbody tr[data-v-04dcc09e]:hover{background:rgba(63,156,255,.1)}.hp-auto tbody tr:hover td[data-v-04dcc09e]:first-child{box-shadow:inset 3px 0 0 #4fc3ff}.hp-auto .t-id[data-v-04dcc09e]{font-family:Consolas,monospace;color:#6fa6e0}.hp-auto .t-time[data-v-04dcc09e]{font-family:Consolas,monospace;color:#9fc0e8;font-size:12px}.hp-auto .t-title[data-v-04dcc09e]{color:#eaf6ff;cursor:pointer}.hp-auto .tag[data-v-04dcc09e]{display:inline-block;font-size:12px;padding:2px 10px;border-radius:3px;border:1px solid rgba(79,195,255,.45);color:#6fc4ff;background:rgba(27,98,224,.2)}.hp-auto .badge[data-v-04dcc09e]{display:inline-flex;align-items:center;gap:6px;font-size:12px}.hp-auto .badge i[data-v-04dcc09e]{width:6px;height:6px;border-radius:50%;display:inline-block}.hp-auto .badge-done[data-v-04dcc09e]{color:#35e0b0}.hp-auto .badge-done i[data-v-04dcc09e]{background:#35e0b0;box-shadow:0 0 8px #35e0b0}.hp-auto .badge-doing[data-v-04dcc09e]{color:#ffc555}.hp-auto .badge-doing i[data-v-04dcc09e]{background:#ffc555;box-shadow:0 0 8px #ffc555}.hp-auto .badge-wait[data-v-04dcc09e]{color:#7ea6d9}.hp-auto .badge-wait i[data-v-04dcc09e]{background:#7ea6d9;box-shadow:0 0 8px #7ea6d9}.hp-auto .badge-fail[data-v-04dcc09e]{color:#ff6b6b}.hp-auto .badge-fail i[data-v-04dcc09e]{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}.hp-auto .progress[data-v-04dcc09e]{width:110px}.hp-auto .progress .bar-bg[data-v-04dcc09e]{height:6px;background:rgba(63,156,255,.16);border-radius:3px;overflow:hidden}.hp-auto .progress .bar-fill[data-v-04dcc09e]{height:100%;border-radius:3px;background:linear-gradient(90deg,#1b62e0,#4fc3ff);box-shadow:0 0 8px rgba(79,195,255,.7)}.hp-auto .progress .pct[data-v-04dcc09e]{font-size:11px;color:#7ea6d9;margin-top:3px}.hp-auto .hp-op[data-v-04dcc09e]{color:#6fc4ff;cursor:pointer;font-size:12px}.hp-auto .hp-op[data-v-04dcc09e]:hover{color:#4fc3ff;text-shadow:0 0 8px rgba(79,195,255,.6)}.hp-auto .hp-empty[data-v-04dcc09e]{padding:24px 0;text-align:center;color:#5f8fd0;font-size:12px}.hp-auto .table-foot[data-v-04dcc09e]{display:flex;justify-content:space-between;align-items:center;padding:13px 0 0;font-size:12px;color:#7ea6d9}.hp-auto[data-v-04dcc09e] .el-pagination{padding:0}.hp-auto[data-v-04dcc09e] .el-pagination .el-pager li,.hp-auto[data-v-04dcc09e] .el-pagination button{background:rgba(13,40,95,.5)!important;color:#a9c6e8!important;border:1px solid rgba(63,156,255,.4);border-radius:4px;min-width:28px;height:28px;line-height:26px;font-size:12px;margin:0 3px}.hp-auto[data-v-04dcc09e] .el-pagination button:disabled{opacity:.4}.hp-auto[data-v-04dcc09e] .el-pagination .el-pager li.active{background:linear-gradient(180deg,#2a7de8,#1b62e0)!important;border-color:#4fc3ff;color:#fff!important;box-shadow:0 0 10px rgba(79,195,255,.6)}.hp-auto[data-v-04dcc09e] .el-pagination .el-pager li:hover:not(.active){border-color:#4fc3ff;color:#4fc3ff!important}@media (max-width:1500px){.hp-auto .hp-kpis[data-v-04dcc09e]{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-auto .hp-grid[data-v-04dcc09e]{grid-template-columns:1fr 1fr}}.hp-dark-dd{background:rgba(10,32,75,.96)!important;border:1px solid rgba(63,156,255,.45)!important;box-shadow:0 8px 24px rgba(2,10,28,.8)}.hp-dark-dd .popper__arrow:after{border-bottom-color:rgba(10,32,75,.96)!important}.hp-dark-dd .el-dropdown-menu__item{color:#a9c6e8!important}.hp-dark-dd .el-dropdown-menu__item:hover{background:rgba(63,156,255,.18)!important;color:#4fc3ff!important}