.sidebar[data-v-aae664ea]{width:var(--sidebar-width,160px);background:var(--bg-card,#fff);border-right:1px solid var(--border-base,#dcdfe6);z-index:10;height:100%;transition:width var(--duration-normal,.2s) ease-in-out;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sidebar.collapsed[data-v-aae664ea]{width:var(--sidebar-collapsed-width,64px)}.sidebar-scroll[data-v-aae664ea]{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-profile[data-v-aae664ea]{border-bottom:1px solid var(--border-light,#ebeef5);transition:padding var(--duration-normal,.2s) ease-in-out;justify-content:center;align-items:center;gap:10px;padding:20px 0;display:flex}.collapsed .user-profile[data-v-aae664ea]{flex-direction:column;gap:6px;padding:16px 0}.avatar[data-v-aae664ea]{background:var(--color-primary,#409eff);width:40px;height:40px;transition:width var(--duration-normal,.2s) ease-in-out, height var(--duration-normal,.2s) ease-in-out;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-letter[data-v-aae664ea]{color:#fff;font-size:18px;font-weight:700}.avatar-img[data-v-aae664ea]{object-fit:cover;width:100%;height:100%;display:block}.user-info[data-v-aae664ea]{white-space:nowrap;transition:opacity var(--duration-normal,.2s) ease-in-out, width var(--duration-normal,.2s) ease-in-out;overflow:hidden}.collapsed .user-info[data-v-aae664ea]{opacity:0;width:0;overflow:hidden}.username[data-v-aae664ea]{color:var(--text-primary,#303133);margin:0;font-size:14px;font-weight:700}.profile-label[data-v-aae664ea]{color:var(--text-secondary,#909399);margin:4px 0 0;font-size:12px;font-weight:400}.nav-section[data-v-aae664ea]{flex:1;overflow:hidden auto}.nav-item[data-v-aae664ea]{height:48px;color:var(--text-primary,#303133);cursor:pointer;transition:background-color var(--duration-fast,.12s) ease-in-out, color var(--duration-fast,.12s) ease-in-out;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:14px;display:flex}.nav-label[data-v-aae664ea]{text-overflow:ellipsis;transition:opacity var(--duration-normal,.2s) ease-in-out;overflow:hidden}.collapsed .nav-label[data-v-aae664ea]{opacity:0;width:0;overflow:hidden}.nav-item.active[data-v-aae664ea]{background:var(--brand-light,#6f3df41a);color:var(--brand-text,#5b21b6);border-right:2px solid var(--brand,#6f3df4)}.nav-item[data-v-aae664ea]:hover{background:var(--brand-hover,#6f3df412);color:var(--brand-text,#5b21b6)}.nav-item.active[data-v-aae664ea]:hover{background:var(--brand-active,#6f3df41f);color:var(--brand-text,#5b21b6)}.nav-group[data-v-aae664ea]{flex-direction:column;display:flex}.nav-item.parent[data-v-aae664ea],.nav-item.platform-parent[data-v-aae664ea]{justify-content:space-between}.arrow[data-v-aae664ea]{color:var(--text-secondary,#909399);flex-shrink:0;font-size:12px;transition:transform .2s}.arrow.rotated[data-v-aae664ea]{transform:rotate(90deg)}.collapsed .arrow[data-v-aae664ea]{display:none}.sub-menu[data-v-aae664ea]{background:var(--bg-sub-menu,#fafafa);overflow:hidden}.sub-menu.deep[data-v-aae664ea]{background:var(--bg-deep-sub,#f5f5f5)}.platform-group[data-v-aae664ea]{flex-direction:column;display:flex}.nav-item.sub[data-v-aae664ea]{height:42px;padding-left:48px;font-size:13px}.nav-item.platform-parent[data-v-aae664ea]{padding-right:16px;font-weight:500}.nav-item.platform-parent .arrow[data-v-aae664ea]{font-size:9px;transition:transform .2s}.nav-item.deep-sub[data-v-aae664ea]{height:38px;padding-left:62px;font-size:12px}.nav-item.sub[data-v-aae664ea]:hover{background-color:var(--bg-hover,#f0f0f0)}.collapsed .sub-menu[data-v-aae664ea],.collapsed .nav-group .sub-menu[data-v-aae664ea]{display:none!important}.collapse-btn[data-v-aae664ea]{background:var(--bg-card,#fff);border:1px solid var(--border-base,#dcdfe6);cursor:pointer;z-index:20;width:18px;height:54px;transition:all var(--duration-fast,.12s) ease-in-out;color:var(--text-secondary,#909399);border-right:0;border-radius:10px 0 0 10px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 0 10px #0f172a0a}.collapse-btn[data-v-aae664ea]:hover{border-color:var(--brand,#6f3df4);color:var(--brand,#6f3df4);box-shadow:var(--shadow-md,0 4px 16px #6f3df426)}.collapse-icon[data-v-aae664ea]{transition:transform var(--duration-normal,.2s) ease-in-out;font-size:14px;font-weight:700}.collapse-icon.flipped[data-v-aae664ea]{transform:rotate(180deg)}.logout-item[data-v-aae664ea]{border-top:1px solid var(--border-light,#ebeef5);margin-top:auto}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;transition:all .2s ease-in-out;display:flex;overflow:hidden}.page-fade-enter-active{transition:opacity .18s,transform .18s}.page-fade-leave-active{transition:opacity .12s}.page-fade-enter-from{opacity:0;transform:translateY(6px)}.page-fade-leave-to{opacity:0}:root{--brand:#6f3df4;--brand-light:#6f3df41a;--brand-hover:#6f3df412;--brand-active:#6f3df41f;--brand-border:#6f3df459;--brand-text:#5b21b6;--color-primary:#409eff;--color-primary-light:#66b1ff;--color-primary-disabled:#a0cfff;--color-primary-bg:#ecf5ff;--color-success:#67c23a;--color-success-bg:#f0f9eb;--color-warning:#e6a23c;--color-warning-bg:#fdf6ec;--color-danger:#f56c6c;--color-danger-bg:#fef0f0;--color-info:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#ebeef5;--border-lighter:#f2f6fc;--bg-page:#f5f7fa;--bg-card:#fff;--bg-hover:#f5f7fa;--bg-sub-menu:#fafafa;--bg-deep-sub:#f5f5f5;--bg-input:#f4f4f5;--shadow-sm:0 2px 12px #0000000d;--shadow-md:0 12px 30px #2135470d;--shadow-lg:0 30px 70px #4d5c792e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--ease-default:ease-in-out;--sidebar-width:160px;--sidebar-collapsed-width:64px;--header-height:60px;--page-padding:20px}.page-container{box-sizing:border-box;background-color:var(--bg-page);width:100%;height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;display:flex;overflow:hidden}.main-container{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-base);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.app-container{padding:var(--page-padding);box-sizing:border-box;gap:var(--page-padding);flex-direction:column;flex:1;display:flex;overflow-y:auto}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:14px;display:inline-flex}.btn-primary:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-secondary{background:var(--bg-card);color:var(--text-regular);border:1px solid var(--border-base);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:14px;display:inline-flex}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.status-pill{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid var(--border-light);color:var(--text-secondary);background:var(--bg-hover);padding:5px 10px;font-size:12px;font-weight:900}.status-pill.ok{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-bg)}.status-pill.running{color:var(--text-regular);background:var(--color-primary-bg);border-color:var(--color-primary-bg)}.status-pill.warn{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning-bg)}.status-pill.danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-bg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-bar{background:linear-gradient(90deg, var(--border-light) 25%, var(--border-lighter) 50%, var(--border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}