:root{--el-color-primary: rgb(var(--primary-color));--el-color-primary-dark-2: rgb(var(--primary-600-color));--el-color-primary-light-3: rgb(var(--primary-300-color));--el-color-primary-light-5: rgb(var(--primary-100-color));--el-color-primary-light-7: rgb(var(--primary-100-color));--el-color-primary-light-8: rgb(var(--primary-50-color));--el-color-primary-light-9: rgb(var(--primary-50-color));--el-color-success: rgb(var(--success-color));--el-color-success-light-3: rgb(var(--success-300-color));--el-color-success-light-5: rgb(var(--success-100-color));--el-color-success-light-7: rgb(var(--success-100-color));--el-color-success-light-8: rgb(var(--success-50-color));--el-color-success-light-9: rgb(var(--success-50-color));--el-color-warning: rgb(var(--warning-color));--el-color-warning-light-3: rgb(var(--warning-300-color));--el-color-warning-light-5: rgb(var(--warning-100-color));--el-color-warning-light-7: rgb(var(--warning-100-color));--el-color-warning-light-8: rgb(var(--warning-50-color));--el-color-warning-light-9: rgb(var(--warning-50-color));--el-color-danger: rgb(var(--error-color));--el-color-danger-light-3: rgb(var(--error-300-color));--el-color-danger-light-5: rgb(var(--error-100-color));--el-color-danger-light-7: rgb(var(--error-100-color));--el-color-danger-light-8: rgb(var(--error-50-color));--el-color-danger-light-9: rgb(var(--error-50-color));--el-color-error: rgb(var(--error-color));--el-color-info: rgb(var(--info-color));--el-border-radius-base: var(--app-radius-sm);--el-bg-color-overlay: var(--app-bg-card);--el-overlay-color-lighter: rgba(15, 15, 18, .5)}html.dark{--el-color-primary: rgb(var(--primary-500-color));--el-color-primary-dark-2: rgb(var(--primary-300-color));--el-color-primary-light-3: rgb(var(--primary-500-color));--el-color-primary-light-5: rgb(var(--primary-600-color));--el-color-primary-light-7: rgb(var(--primary-700-color));--el-color-primary-light-8: rgb(var(--primary-700-color));--el-color-primary-light-9: rgb(var(--primary-700-color));--el-color-success: rgb(var(--success-500-color));--el-color-success-light-3: rgb(var(--success-400-color));--el-color-success-light-5: rgb(var(--success-500-color));--el-color-success-light-7: rgb(var(--success-600-color));--el-color-success-light-8: rgb(var(--success-700-color));--el-color-success-light-9: rgb(var(--success-700-color));--el-color-warning: rgb(var(--warning-500-color));--el-color-warning-light-3: rgb(var(--warning-400-color));--el-color-warning-light-5: rgb(var(--warning-500-color));--el-color-warning-light-7: rgb(var(--warning-600-color));--el-color-warning-light-8: rgb(var(--warning-700-color));--el-color-warning-light-9: rgb(var(--warning-700-color));--el-color-danger: rgb(var(--error-500-color));--el-color-danger-light-3: rgb(var(--error-400-color));--el-color-danger-light-5: rgb(var(--error-500-color));--el-color-danger-light-7: rgb(var(--error-600-color));--el-color-danger-light-8: rgb(var(--error-700-color));--el-color-danger-light-9: rgb(var(--error-700-color));--el-color-error: rgb(var(--error-500-color));--el-color-info: rgb(var(--info-500-color));--el-bg-color-overlay: var(--app-bg-card);--el-overlay-color-lighter: rgba(0, 0, 0, .55)}.el-card{--el-card-border-color: var(--app-border-light);--el-card-bg-color: var(--app-bg-card);border-radius:16px;box-shadow:var(--app-shadow-sm)}.el-button{font-weight:500;border-radius:var(--el-border-radius-base);--app-btn-lift: 0px;transition:transform var(--app-duration-normal) cubic-bezier(.22,1,.36,1),background-color var(--app-duration-normal) cubic-bezier(.22,1,.36,1),border-color var(--app-duration-normal) cubic-bezier(.22,1,.36,1),color var(--app-duration-normal) cubic-bezier(.22,1,.36,1),box-shadow var(--app-duration-normal) cubic-bezier(.22,1,.36,1)}.el-button:not(.is-loading):not(.is-disabled):hover{--app-btn-lift: -1px;transform:translateY(var(--app-btn-lift))}.el-table{--el-table-border-color: var(--app-border-base);border-radius:16px}.el-input__wrapper{border-radius:var(--app-radius-sm)}.el-dialog{border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-lg);border:none;animation:app-dialog-in var(--app-duration-normal) var(--app-ease)}@keyframes app-dialog-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}.el-overlay{animation:app-overlay-in var(--app-duration-fast) var(--app-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes app-overlay-in{0%{opacity:0}to{opacity:1}}.el-message{border-radius:14px;animation:app-msg-in var(--app-duration-normal) var(--app-ease)}.el-notification{border-radius:14px;animation:app-notify-in var(--app-duration-normal) var(--app-ease)}@keyframes app-msg-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes app-notify-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}.el-dropdown__popper .el-dropdown-menu{border-radius:var(--app-radius-md)}.el-table{--el-table-header-bg-color: var(--app-bg-inset);--el-table-header-text-color: var(--app-text-secondary);--el-table-row-hover-bg-color: var(--app-fill-light);--el-table-tr-bg-color: transparent;--el-table-border-color: var(--app-border-base)}.el-table th.el-table__cell{font-weight:600}.el-pagination{--el-pagination-bg-color: transparent;--el-pagination-text-color: var(--app-text-regular);--el-pagination-button-color: var(--app-text-regular);--el-pagination-hover-color: var(--app-accent);--el-pagination-disabled-text-color: var(--app-text-disabled)}.el-tag{border-radius:999px;border:1px solid var(--app-border-base)}.el-drawer{--el-drawer-bg-color: var(--app-bg-card);--el-drawer-padding-primary: 20px;border-left:1px solid var(--app-border-base)}.el-tabs{--el-tabs-header-height: 40px;--el-color-primary: var(--app-accent)}.el-tabs .el-tabs__item{color:var(--app-text-regular)}.el-tabs .el-tabs__item:hover{color:var(--app-text-primary)}.el-tabs .el-tabs__item.is-active{color:var(--app-accent)}.el-tabs .el-tabs__active-bar{background-color:var(--app-accent)}.el-descriptions .el-descriptions__label{color:var(--app-text-secondary)}.el-descriptions .el-descriptions__content{color:var(--app-text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{transition:background-color .3s var(--app-ease),color .3s var(--app-ease)}html,body,#app{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;color:var(--app-text-primary);background:var(--app-content-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.85;background-image:radial-gradient(1.7px 1.7px at 16% 20%,rgba(255,255,255,.8),transparent),radial-gradient(1.2px 1.2px at 61% 11%,rgba(255,255,255,.55),transparent),radial-gradient(1.9px 1.9px at 83% 32%,rgba(139,92,246,.85),transparent),radial-gradient(1.3px 1.3px at 40% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1.6px 1.6px at 7% 66%,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 27% 84%,rgba(94,106,210,.8),transparent),radial-gradient(1.8px 1.8px at 73% 74%,rgba(255,255,255,.65),transparent),radial-gradient(1.2px 1.2px at 91% 87%,rgba(139,92,246,.7),transparent),radial-gradient(1.1px 1.1px at 50% 33%,rgba(255,255,255,.4),transparent);background-size:760px 760px}body.dj-0{--app-page-grad: radial-gradient(1100px 620px at 84% -8%, rgba(94, 106, 210, .24), transparent 58%), radial-gradient(900px 520px at -6% 18%, rgba(139, 92, 246, .15), transparent 55%), #0a0c14}body.dj-1{--app-page-grad: radial-gradient(900px 560px at 82% -6%, rgba(94, 106, 210, .4), transparent 55%), radial-gradient(700px 500px at 8% 80%, rgba(255, 107, 157, .26), transparent 55%), radial-gradient(560px 420px at 100% 60%, rgba(34, 211, 238, .16), transparent 55%), #0a0c16}body.dj-2{--app-page-grad: radial-gradient(920px 560px at 84% -4%, rgba(255, 138, 61, .28), transparent 55%), radial-gradient(720px 500px at 4% 18%, rgba(94, 106, 210, .3), transparent 55%), radial-gradient(640px 460px at 96% 86%, rgba(255, 107, 107, .2), transparent 55%), #0c0b14}body.dj-3{--app-page-grad: radial-gradient(880px 560px at 80% -8%, rgba(94, 106, 210, .32), transparent 55%), radial-gradient(820px 560px at 8% 20%, rgba(100, 210, 255, .22), transparent 55%), radial-gradient(520px 400px at 94% 82%, rgba(162, 200, 255, .14), transparent 55%), #0a0d16}body.dj-4{--app-page-grad: radial-gradient(860px 560px at 82% -6%, rgba(242, 123, 164, .22), transparent 55%), radial-gradient(760px 520px at 6% 22%, rgba(97, 192, 162, .2), transparent 55%), radial-gradient(520px 400px at 96% 84%, rgba(94, 106, 210, .16), transparent 55%), #0c0d16}body.dj-5{--app-page-grad: radial-gradient(900px 560px at 82% -6%, rgba(94, 106, 210, .4), transparent 55%), radial-gradient(680px 480px at 8% 80%, rgba(200, 59, 42, .24), transparent 55%), radial-gradient(520px 400px at 100% 40%, rgba(139, 92, 246, .2), transparent 55%), #0a0a15}a{color:var(--el-color-primary);text-decoration:none}html.grayscale{filter:grayscale(100%)}html.colour-weakness{filter:invert(80%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--app-text-placeholder);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-secondary)}::-webkit-scrollbar-track{background:transparent}.page-card{background:var(--app-card-glass);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--app-border-base);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-sm);padding:16px 20px;transition:transform var(--app-duration-normal) var(--app-ease),box-shadow var(--app-duration-normal) var(--app-ease),border-color var(--app-duration-normal) var(--app-ease)}.page-card-hover:hover{transform:translateY(-3px);border-color:var(--app-border-dark);box-shadow:var(--app-shadow-md)}.app-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.app-panel-head .app-panel-title{font-size:16px;font-weight:600;color:var(--app-text-primary)}.app-panel-head .app-panel-hint{font-size:12px;color:var(--app-text-secondary)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}.toolbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.search-input{width:220px}.search-input-sm{width:130px}.search-input-md{width:260px}.search-select{width:160px}.search-select-sm{width:120px}.search-select-md{width:200px}.search-tree-select{width:180px}.search-date{width:380px}.data-table{width:100%}.el-table{--el-table-border-color: var(--app-border-light);--el-table-header-bg-color: transparent;--el-table-tr-bg-color: transparent;--el-table-header-text-color: var(--app-text-secondary);--el-table-row-hover-bg-color: var(--app-fill-light);background:transparent;font-size:13px;color:var(--app-text-regular)}.el-table th.el-table__cell{font-size:12px;font-weight:500;color:var(--app-text-secondary);background:transparent;border-bottom:1px solid var(--app-fill-base);padding:10px 12px}.el-table td.el-table__cell{border-bottom:1px solid var(--app-border-light);padding:12px}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:transparent}.el-table .cell{font-variant-numeric:tabular-nums}.el-table .cell .cell-title{color:var(--app-text-primary);font-weight:600}.el-table .cell .cell-id{color:var(--app-text-secondary);font-size:12px;margin-top:2px}.pagination-wrap{display:flex;justify-content:flex-end;margin-top:16px}.full-width{width:100%}@media(max-width:1024px){.search-input{width:170px}.search-input-md{width:200px}.search-select{width:140px}.search-select-md{width:160px}.search-tree-select{width:150px}.search-date{width:300px}}@media(max-width:768px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-right{display:flex;flex-wrap:wrap;margin-left:0;justify-content:flex-end}.search-input,.search-input-sm,.search-input-md,.search-select,.search-select-sm,.search-select-md,.search-tree-select,.search-date{width:100%}.page-card{padding:12px}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{position:relative;z-index:1}.topglass{position:relative;z-index:2;display:flex;align-items:center;gap:14px;height:52px;padding:0 22px;background:var(--app-header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--app-border-base)}.topglass .logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;cursor:pointer}.topglass .logo .mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--proto-accent),var(--proto-violet));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:0 0 14px #5e6ad280}.topglass .crumb{color:var(--app-text-regular);font-size:12px;display:flex;align-items:center;gap:8px}.topglass .crumb .sep{color:var(--app-text-secondary)}.topglass .spacer{flex:1}.topglass .ksearch{display:flex;align-items:center;gap:8px;background:#12141c99;border:1px solid var(--app-border-base);border-radius:8px;padding:6px 12px;font-size:12.5px;cursor:pointer;min-width:230px;color:var(--app-text-secondary);border-color:var(--app-border-base)}.topglass .ksearch kbd{font-family:ui-monospace,monospace;font-size:10px;background:#ffffff0f;border:1px solid var(--app-border-base);border-radius:5px;padding:0 5px}.topglass .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--app-accent-soft),var(--proto-violet));color:var(--proto-accent-hover);display:grid;place-items:center;font-size:12px;font-weight:700}.floatdock{width:72px;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.floatdock .fc{position:relative;width:48px;height:48px;padding:0;font:inherit;border-radius:14px;background:var(--app-card-glass-strong);border:1px solid var(--app-border-base);display:grid;place-items:center;color:var(--app-text-regular);cursor:pointer;transition:all .16s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #0000004d}.floatdock .fc svg{width:20px;height:20px}.floatdock .fc:hover{color:var(--app-text-primary);border-color:var(--app-accent);box-shadow:0 8px 22px #0006,0 0 20px #5e6ad266;transform:translateY(-2px)}.floatdock .fc.on{color:#fff;background:linear-gradient(135deg,var(--proto-accent),var(--proto-violet));border-color:transparent;box-shadow:0 0 24px #5e6ad280}.entry{max-width:1180px;margin:8px auto 0}.entry .welcome{color:var(--app-text-regular);font-size:13px}.entry h1{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px;text-shadow:0 0 26px rgba(94,106,210,.4)}.entry .slogan{color:var(--app-text-regular);font-size:13px;margin:6px 0 26px}.entry .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.entry .scard{background:linear-gradient(160deg,#1e2230b3,#12141c8c);border:1px solid var(--app-border-base);border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px #00000059;cursor:pointer;transition:all .18s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--app-text-primary);text-align:left;font-family:inherit}.entry .scard:hover{transform:translateY(-3px);border-color:var(--app-accent);box-shadow:0 18px 40px #00000073,0 0 34px #5e6ad24d}.entry .scard .top{display:flex;align-items:center;gap:12px}.entry .scard .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;box-shadow:0 4px 14px #0006;flex-shrink:0}.entry .scard .ico svg{width:19px;height:19px}.entry .scard .nm{font-size:15.5px;font-weight:700}.entry .scard .sub{color:var(--app-text-regular);font-size:12px;margin-top:2px}.entry .scard .stat{display:flex;align-items:baseline;gap:6px;margin-top:14px}.entry .scard .stat .n{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(94,106,210,.3)}.entry .scard .stat .u{color:var(--app-text-regular);font-size:12px}.entry .scard .go{margin-top:12px;color:var(--proto-accent-hover);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;opacity:.6;transition:opacity .15s}.entry .scard:hover .go{opacity:1}.entry .chart-entry{margin-top:16px;display:flex;align-items:center;gap:12px;background:var(--app-card-glass-strong);border:1px solid var(--app-border-base);border-radius:14px;padding:14px 18px;cursor:pointer;transition:all .15s;color:var(--app-text-primary);text-align:left;font-family:inherit}.entry .chart-entry:hover{border-color:var(--app-accent)}.entry .chart-entry .ico{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#5e6ad2,#8b5cf6);display:grid;place-items:center;color:#fff;box-shadow:0 4px 14px #0006;flex-shrink:0}.entry .chart-entry .nm{font-size:15px;font-weight:700}.entry .chart-entry .sub{color:var(--app-text-regular);font-size:12px}.entry .chart-entry .go{margin-left:auto;color:var(--proto-accent-hover);font-size:12.5px;font-weight:600}.h-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.h-head .h-title{font-size:21px;font-weight:700;letter-spacing:-.01em}.h-head .h-sub{color:var(--app-text-secondary);font-size:12px;margin-top:3px}.h-head .h-spacer{flex:1}.segment{display:inline-flex;background:#12141c80;border:1px solid var(--app-border-base);border-radius:9px;padding:2px;overflow:hidden}.segment button{border:0;background:transparent;color:var(--app-text-secondary);font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .15s}.segment button.active{background:var(--app-accent-soft);color:var(--app-text-primary);box-shadow:0 0 0 1px var(--app-accent-soft)}.btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--app-border-base);color:var(--app-text-regular);background:var(--app-card-glass);transition:all .15s}.btn:hover{color:var(--app-text-primary);border-color:var(--app-border-dark)}.btn.primary{background:linear-gradient(135deg,var(--proto-accent),var(--proto-violet));color:#fff;border:none;box-shadow:0 4px 14px #5e6ad266}.btn.primary:hover{box-shadow:0 6px 20px #5e6ad28c}.listtable{border-top:1px solid var(--app-border-base)}.listtable .lthead{display:grid;gap:12px;padding:9px 14px;color:var(--app-text-secondary);font-size:11.5px;font-weight:600;border-bottom:1px solid var(--app-border-base)}.listtable .ltrow{display:grid;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--app-border-light);transition:all .12s;cursor:pointer}.listtable .ltrow:hover{background:#ffffff08}.listtable .ltrow .dv{display:flex;align-items:center;gap:10px;min-width:0}.listtable .ltrow .ic{width:30px;height:30px;border-radius:8px;flex-shrink:0;color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #00000059}.listtable .ltrow .ic svg{width:15px;height:15px}.listtable .ltrow .nm{font-size:13px;font-weight:600}.listtable .ltrow .id{color:var(--app-text-secondary);font-size:11px;font-family:ui-monospace,monospace;margin-top:1px}.listtable .ltrow .k{color:var(--app-text-regular);font-size:12.5px}.listtable .ltrow .num{font-variant-numeric:tabular-nums;color:var(--app-text-primary);font-size:12.5px}.bar-note{margin-top:14px;color:var(--app-text-secondary);font-size:12px;line-height:1.7}.bar-note b{color:var(--app-text-regular)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;color:var(--app-text-regular);background:#ffffff0f}.pill.good{color:#32d74b;background:#32d74b24}.pill.warn{color:#ff9f0a;background:#ff9f0a24}.pill.crit{color:#ff453a;background:#ff453a24}.pill.off{color:var(--app-text-secondary);background:#ffffff0f}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.metricstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metricstrip .gs{background:var(--app-card-glass);border:1px solid var(--app-border-base);border-radius:12px;padding:13px 15px}.metricstrip .gs .l{color:var(--app-text-regular);font-size:11.5px}.metricstrip .gs .v{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:5px;text-shadow:0 0 16px rgba(94,106,210,.25)}.metricstrip .gs .v.good{color:#32d74b}.metricstrip .gs .v.warn{color:#ff9f0a}.detail-grid{display:grid;grid-template-columns:1.1fr 1.1fr;gap:16px;margin-bottom:16px}.panel{background:linear-gradient(180deg,#1e2230b8,#12141c99);border:1px solid var(--app-border-base);border-radius:14px;padding:16px}.panel .pt{font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.panel .pt .lbl{color:var(--app-text-secondary);font-weight:500;font-size:11px}.panel .dl{display:grid;grid-template-columns:92px 1fr;gap:9px 14px}.panel .dl .k{color:var(--app-text-secondary);font-size:12px}.panel .dl .v{color:var(--app-text-primary);font-size:12.5px;font-variant-numeric:tabular-nums}.chartbox{height:150px;position:relative;margin-top:6px}.chartcard{background:linear-gradient(180deg,#1e2230b8,#12141c99);border:1px solid var(--app-border-base);border-radius:14px;padding:16px}.chartcard .ct{font-size:13px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.chartcard .ct .lbl{color:var(--app-text-secondary);font-weight:500;font-size:11px}.chartcard .ct .rw{margin-left:auto;color:var(--proto-accent-hover);font-size:11px;font-weight:600}.chartcard .bigchart{display:block;width:100%}.chartcard .axislab{color:var(--app-text-secondary);font-size:10px;font-variant-numeric:tabular-nums}.chartcard .hz{display:grid;grid-template-columns:repeat(8,1fr);margin-top:6px}.chartcard .hz span{color:var(--app-text-secondary);font-size:9.5px;font-variant-numeric:tabular-nums}.chartcard .hz span:last-child{text-align:right}.chartcard .spark{display:block;width:100%;height:34px;margin-top:8px}.chartcard .hbar{display:flex;align-items:center;gap:10px;padding:8px 2px}.chartcard .hbar .n{width:118px;color:var(--app-text-regular);font-size:12px;font-weight:600}.chartcard .hbar .track{flex:1;height:8px;background:#ffffff0d;border-radius:99px;overflow:hidden}.chartcard .hbar .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--proto-accent),var(--proto-violet));box-shadow:0 0 10px #5e6ad280}.chartcard .hbar .fill.warn{background:linear-gradient(90deg,#ff9f0a,#ffd60a);box-shadow:0 0 10px #ff9f0a80}.chartcard .hbar .v{width:56px;text-align:right;color:var(--app-text-primary);font-size:11.5px;font-variant-numeric:tabular-nums}.chartcard .legend-row{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--app-text-secondary);font-size:11px}.chartcard .legend-row .sw{width:9px;height:9px;border-radius:2px}.chartcard .donut-wrap{display:flex;align-items:center;gap:20px;padding:6px 2px}.chartcard .dlegend{display:flex;flex-direction:column;gap:10px}.chartcard .dlegend .li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-text-regular)}.chartcard .dlegend .li .sw{width:9px;height:9px;border-radius:2px}.chartcard .dlegend .li .v{margin-left:auto;color:var(--app-text-primary);font-weight:700;font-variant-numeric:tabular-nums}.chartcard .gauge{display:flex;align-items:center;gap:6px;margin-top:12px}.chartgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chartgrid .full{grid-column:1/-1}.bgs{display:flex;gap:5px;align-items:center;padding:3px;background:#12141c80;border:1px solid var(--app-border-base);border-radius:99px}.bgs .bgdot{width:16px;height:16px;border-radius:50%;cursor:pointer;transition:all .15s;border:2px solid transparent}.bgs .bgdot:hover{transform:scale(1.15)}.bgs .bgdot.on{border-color:#fff;box-shadow:0 0 10px #fff6}.fade-slide-enter-active{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.fade-slide-leave-active{transition:opacity .16s cubic-bezier(.4,0,1,1)}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .15s cubic-bezier(.22,1,.36,1)}.fade-enter-from,.fade-leave-to{opacity:0}.zoom-fade-enter-active{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.zoom-fade-leave-active{transition:opacity .16s cubic-bezier(.4,0,1,1)}.zoom-fade-enter-from{opacity:0;transform:translateY(10px) scale(.985)}.zoom-fade-leave-to{opacity:0}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}.zoom-out-enter-from{opacity:0;transform:scale(1.1)}.zoom-out-leave-to{opacity:0;transform:scale(.9)}.tab-fade-enter-active,.tab-fade-leave-active{transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.tab-fade-enter-from{opacity:0;transform:translate(8px)}.tab-fade-leave-to{opacity:0;transform:translate(-8px)}.app-layout{display:flex;height:100%;overflow:hidden}.app-main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:16px;background:transparent;contain:layout style}.app-footer{height:var(--soy-footer-height);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--app-text-secondary);background:var(--app-footer-bg)}.app-layout.is-fixed .app-header-wrap,.app-layout.is-fixed .app-tabs-wrap{position:sticky;top:0;z-index:20}:root{--soy-header-height: 56px;--soy-tab-height: 40px;--soy-sidebar-width: 220px;--soy-sidebar-collapsed-width: 64px;--soy-mix-sidebar-width: 90px;--soy-footer-height: 48px}:root{--app-color-primary: var(--el-color-primary);--app-color-success: var(--el-color-success);--app-color-warning: var(--el-color-warning);--app-color-danger: var(--el-color-danger);--app-color-info: var(--el-color-info)}:root{--app-text-primary: #EEF0FF;--app-text-regular: #9CA4BE;--app-text-secondary: #5B6178;--app-text-placeholder: #464C64;--app-text-disabled: #363B52}:root{--app-bg-page: #0A0C14;--app-bg-surface: #12141C;--app-bg-raised: #181B26;--app-bg-panel: #1E2230;--app-bg-card: #1E2230;--app-bg-overlay: #181B26;--app-bg-inset: #12141C;--app-page-grad: radial-gradient(900px 560px at 82% -6%, rgba(94, 106, 210, .4), transparent 55%), radial-gradient(700px 500px at 8% 80%, rgba(255, 107, 157, .26), transparent 55%), radial-gradient(560px 420px at 100% 60%, rgba(34, 211, 238, .16), transparent 55%), #0a0c16;--app-card-glass: rgba(30, 34, 48, .55);--app-card-glass-strong: rgba(30, 34, 48, .72)}:root{--app-border-base: rgba(255, 255, 255, .08);--app-border-light: rgba(255, 255, 255, .045);--app-border-dark: rgba(255, 255, 255, .15)}:root{--app-fill-light: rgba(255, 255, 255, .03);--app-fill-base: rgba(255, 255, 255, .08);--app-fill-dark: rgba(255, 255, 255, .12)}:root{--app-accent: rgb(var(--primary-color, 94 106 210));--app-accent-hover: rgb(var(--primary-400-color, 112 112 255));--app-accent-soft: rgb(var(--primary-color, 94 106 210) / .18);--app-accent-text: rgb(var(--primary-400-color, 112 112 255));--app-accent-strong: rgb(var(--primary-700-color, 46 50 133));--app-accent-strong-hover: rgb(var(--primary-600-color, 68 75 172));--proto-accent: #5E6AD2;--proto-accent-hover: #7070FF;--proto-violet: #8B5CF6;--proto-accent-soft: rgba(94, 106, 210, .18)}:root{--app-content-bg: var(--app-page-grad);--app-card-bg: var(--app-bg-card);--app-header-bg: rgba(18, 20, 28, .5);--app-header-border: var(--app-border-base);--app-sidebar-bg: rgba(18, 20, 28, .72);--app-sidebar-text: var(--app-text-regular);--app-sidebar-active-text: #ffffff;--app-sidebar-hover-bg: var(--app-accent-soft);--app-sidebar-active-bg: var(--app-accent);--app-footer-bg: var(--app-bg-card)}:root{--app-font-xs: 12px;--app-font-sm: 13px;--app-font-md: 14px;--app-font-lg: 16px;--app-font-xl: 20px}:root{--app-space-xs: 4px;--app-space-sm: 8px;--app-space-md: 12px;--app-space-lg: 16px;--app-space-xl: 24px}:root{--app-radius-sm: 8px;--app-radius-md: 12px;--app-radius-lg: 18px;--app-radius-xl: 24px}:root{--app-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--app-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--app-shadow-lg: 0 16px 48px rgba(0, 0, 0, .55)}html.dark{--app-text-primary: #EEF0FF;--app-text-regular: #9CA4BE;--app-text-secondary: #5B6178;--app-text-placeholder: #464C64;--app-text-disabled: #363B52;--app-bg-page: #0A0C14;--app-bg-surface: #12141C;--app-bg-raised: #181B26;--app-bg-panel: #1E2230;--app-bg-card: #1E2230;--app-bg-overlay: #181B26;--app-bg-inset: #12141C;--app-border-base: rgba(255, 255, 255, .08);--app-border-light: rgba(255, 255, 255, .045);--app-border-dark: rgba(255, 255, 255, .15);--app-fill-light: rgba(255, 255, 255, .03);--app-fill-base: rgba(255, 255, 255, .08);--app-fill-dark: rgba(255, 255, 255, .12);--app-accent: rgb(var(--primary-color, 94 106 210));--app-accent-hover: rgb(var(--primary-400-color, 112 112 255));--app-accent-soft: rgb(var(--primary-color, 94 106 210) / .2);--app-accent-text: rgb(var(--primary-400-color, 112 112 255));--app-accent-strong: rgb(var(--primary-700-color, 46 50 133));--app-accent-strong-hover: rgb(var(--primary-600-color, 68 75 172));--app-content-bg: var(--app-page-grad);--app-card-bg: var(--app-bg-card);--app-header-bg: rgba(14, 14, 16, .72);--app-header-border: var(--app-border-base);--app-sidebar-bg: rgba(14, 14, 16, .72);--app-sidebar-text: var(--app-text-regular);--app-sidebar-active-text: #ffffff;--app-sidebar-hover-bg: var(--app-accent-soft);--app-sidebar-active-bg: var(--app-accent);--app-footer-bg: var(--app-bg-card);--app-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--app-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--app-shadow-lg: 0 16px 48px rgba(0, 0, 0, .55)}:root{--app-duration-fast: .15s;--app-duration-normal: .25s;--app-duration-slow: .4s;--app-ease: cubic-bezier(.22, 1, .36, 1);--app-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--app-duration-fast: .01ms;--app-duration-normal: .01ms;--app-duration-slow: .01ms}}.app-sidebar.is-light{background:var(--app-sidebar-bg);color:var(--app-sidebar-text);border-right:1px solid var(--app-header-border);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.app-sidebar.is-light .el-menu{--el-menu-bg-color: transparent;--el-menu-text-color: var(--app-sidebar-text);--el-menu-active-color: var(--app-sidebar-active-text);--el-menu-hover-bg-color: var(--app-accent-soft);--el-menu-item-height: 44px;--el-menu-sub-item-height: 44px;border-right:none}.app-sidebar.is-light .el-menu-item,.app-sidebar.is-light .el-sub-menu__title{margin:2px 8px;border-radius:8px;transition:background-color .2s var(--app-ease),color .2s var(--app-ease)}.app-sidebar.is-light .el-menu-item:hover,.app-sidebar.is-light .el-sub-menu__title:hover{background:var(--app-accent-soft)!important}.app-sidebar.is-light .el-menu-item.is-active{background:var(--app-accent)!important;color:var(--app-sidebar-active-text)!important;font-weight:600}.app-sidebar.is-light .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 3px 3px 0;background:var(--app-accent)}.app-sidebar.is-dark{background:#1d1d1f;color:#ffffffa6;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.app-sidebar.is-dark .el-menu{--el-menu-bg-color: transparent;--el-menu-text-color: rgba(255, 255, 255, .65);--el-menu-active-color: #ffffff;--el-menu-hover-bg-color: var(--app-accent-soft);--el-menu-item-height: 44px;--el-menu-sub-item-height: 44px;border-right:none}.app-sidebar.is-dark .el-menu-item,.app-sidebar.is-dark .el-sub-menu__title{margin:2px 8px;border-radius:8px}.app-sidebar.is-dark .el-menu-item.is-active{background:var(--app-accent)!important;color:#fff!important}.app-sidebar.is-light .el-menu--collapse .el-menu-item,.app-sidebar.is-light .el-menu--collapse .el-sub-menu__title,.app-sidebar.is-dark .el-menu--collapse .el-menu-item,.app-sidebar.is-dark .el-menu--collapse .el-sub-menu__title{margin:2px 4px}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:max-height var(--app-duration-normal) var(--app-ease),padding-top var(--app-duration-normal) var(--app-ease),padding-bottom var(--app-duration-normal) var(--app-ease)}.horizontal-collapse-transition{transition:width var(--app-duration-slow) var(--app-ease),padding-left var(--app-duration-slow) var(--app-ease),padding-right var(--app-duration-slow) var(--app-ease)}
