html,body{margin:0;padding:0}:root{--brand-primary:#2f74ff;--brand-primary-hover:#4c88ff;--brand-primary-active:#1759dd;--brand-primary-surface:#2f74ff14;--brand-primary-surface-l2:#2f74ff24;--sidebar-bg:#171717;--sidebar-text:#a1a1a1;--sidebar-text-active:#fff;--sidebar-text-hover:#d4d4d4;--sidebar-border:#ffffff14;--sidebar-width:240px;--color-background:#f5f5f5;--color-foreground:#171717;--color-muted:#737373;--color-muted-foreground:#404040;--color-card:#fff;--color-card-foreground:#171717;--color-border:#7373731f;--color-border-strong:#7373732e;--color-input:#fff;--color-ring:#2f74ff;--state-success:#15a877;--state-success-surface:#15a8771a;--state-warning:#e27900;--state-warning-surface:#e279001a;--state-error:#e8463a;--state-error-surface:#e8463a1a;--state-info:#2f74ff;--state-info-surface:#2f74ff1a;--background:#f5f5f5;--foreground:#171717;--card:#fff;--card-foreground:#171717;--primary:#2f74ff;--primary-foreground:#fff;--muted:#f5f5f5;--muted-foreground:#737373;--border:#7373731f;--input:#fff;--ring:#2f74ff;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--text-primary:#171717;--text-secondary:#404040;--text-tertiary:#737373;--text-disabled:#a1a1a1;--text-on-brand:#fff;--icon-primary:#262626;--icon-secondary:#404040;--icon-tertiary:#737373;--icon-on-brand:#fff;--font-family:"PingFang SC", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-heading:"PingFang SC", "SF Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-family-metric:"Inter", "SF Pro Text", "PingFang SC", system-ui, -apple-system, sans-serif;--text-xs:10px;--text-sm:11px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--spacer-4:4px;--spacer-6:6px;--spacer-8:8px;--spacer-10:10px;--spacer-12:12px;--spacer-16:16px;--spacer-20:20px;--spacer-24:24px;--spacer-32:32px;--radius-full:999px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 12px 32px #00000014;--header-height:56px;--content-padding:24px;--el-color-primary:#2f74ff;--el-color-primary-light-3:#4c88ff;--el-color-primary-light-5:#80a8ff;--el-color-primary-light-7:#b3c9ff;--el-color-primary-light-8:#ccd9ff;--el-color-primary-light-9:#e6ecff;--el-color-primary-dark-2:#1759dd;--el-color-success:#15a877;--el-color-warning:#e27900;--el-color-danger:#e8463a;--el-color-info:#737373;--el-border-radius-base:8px;--el-border-radius-small:6px;--el-border-radius-round:999px;--el-font-family:"PingFang SC", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--el-bg-color:#f5f5f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#171717;--el-text-color-regular:#404040;--el-text-color-secondary:#737373;--el-text-color-placeholder:#a1a1a1;--el-border-color:#7373731f;--el-border-color-light:#73737314;--el-fill-color-light:#f5f5f5;--el-fill-color-lighter:#fafafa}.nav-icon-svg[data-v-3a484ca0]{width:20px;height:20px;display:block}.app-layout[data-v-feef7373]{background:var(--color-background);width:100%;min-height:100vh;font-family:var(--font-family);color:var(--color-foreground)}.sidebar[data-v-feef7373]{width:var(--sidebar-width);background:linear-gradient(180deg, #1f1f1f 0%, var(--sidebar-bg) 100%);z-index:100;border-right:1px solid var(--sidebar-border);flex-direction:column;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed[data-v-feef7373]{width:64px}.sidebar-logo[data-v-feef7373]{height:var(--header-height);padding:0 var(--spacer-16);align-items:center;gap:var(--spacer-10);white-space:nowrap;flex-shrink:0;display:flex;overflow:hidden}.logo-icon-wrap[data-v-feef7373]{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.logo-icon[data-v-feef7373]{width:28px;height:28px}.logo-dot[data-v-feef7373]{border:1.5px solid var(--sidebar-bg);background:#15a877;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite breathe-feef7373;position:absolute;top:-1px;right:-2px}@keyframes breathe-feef7373{0%,to{opacity:1;box-shadow:0 0 #15a87780}50%{opacity:.8;box-shadow:0 0 0 4px #15a87700}}.logo-text[data-v-feef7373]{color:var(--sidebar-text-active);font-size:14px;font-weight:600;font-family:var(--font-family-heading);letter-spacing:0;white-space:nowrap;overflow:hidden}.fade-text-enter-active[data-v-feef7373],.fade-text-leave-active[data-v-feef7373]{transition:opacity .18s}.fade-text-enter-from[data-v-feef7373],.fade-text-leave-to[data-v-feef7373]{opacity:0}.sidebar-nav[data-v-feef7373]{padding:var(--spacer-8) var(--spacer-8) 0;flex:1;overflow:hidden auto}.sidebar-nav[data-v-feef7373]::-webkit-scrollbar{width:3px}.sidebar-nav[data-v-feef7373]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.sidebar-nav[data-v-feef7373]::-webkit-scrollbar-track{background:0 0}.nav-item[data-v-feef7373]{border-radius:var(--radius-medium);cursor:pointer;margin-bottom:2px;transition:background .2s;position:relative}.nav-item-inner[data-v-feef7373]{padding:0 var(--spacer-10);align-items:center;gap:var(--spacer-10);height:40px;text-decoration:none;display:flex}.nav-item.active[data-v-feef7373]:before{content:"";background:var(--brand-primary);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.nav-item.active[data-v-feef7373]{background:var(--brand-primary-surface)}.nav-item.active .nav-icon[data-v-feef7373]{color:var(--brand-primary)}.nav-item.active .nav-label[data-v-feef7373]{color:var(--sidebar-text-active);font-weight:500}.nav-item[data-v-feef7373]:not(.active):hover{background:#ffffff0f}.nav-item:not(.active):hover .nav-icon[data-v-feef7373],.nav-item:not(.active):hover .nav-label[data-v-feef7373]{color:var(--sidebar-text-hover)}.nav-icon[data-v-feef7373]{color:var(--sidebar-text);flex-shrink:0;align-items:center;transition:color .2s;display:flex}.nav-icon[data-v-feef7373] svg{width:20px;height:20px}.nav-label[data-v-feef7373]{font-size:var(--text-base);color:var(--sidebar-text);white-space:nowrap;transition:color .2s;overflow:hidden}.nav-badge[data-v-feef7373]{color:#fff;text-align:center;background:linear-gradient(135deg,#ff5b5b,#ff8a3d);border-radius:9px;flex-shrink:0;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;animation:2s ease-in-out infinite badge-pulse-feef7373;box-shadow:0 2px 6px #ff5b5b59}.nav-badge--dot[data-v-feef7373]{border-radius:50%;width:8px;min-width:8px;height:8px;margin-left:0;padding:0;position:absolute;top:8px;right:10px}@keyframes badge-pulse-feef7373{0%,to{box-shadow:0 2px 6px #ff5b5b59}50%{box-shadow:0 2px 10px #ff5b5b99}}.nav-item.special-item .nav-item-inner[data-v-feef7373]{border-radius:var(--radius-medium);background:linear-gradient(135deg,#2f74ff26,#2f74ff0d);border:1px solid #2f74ff40}.nav-item.special-item:hover .nav-item-inner[data-v-feef7373]{background:linear-gradient(135deg,#2f74ff38,#2f74ff1a);border-color:#2f74ff66}.nav-item.special-item .nav-icon[data-v-feef7373]{color:var(--brand-primary)}.nav-item.special-item .nav-label[data-v-feef7373]{color:var(--brand-primary-hover)}.nav-item.special-item.active .nav-icon[data-v-feef7373]{color:var(--brand-primary)}.nav-divider[data-v-feef7373]{background:var(--sidebar-border);height:1px;margin:var(--spacer-8) var(--spacer-10)}.sidebar-footer[data-v-feef7373]{padding:var(--spacer-12) var(--spacer-12);border-top:1px solid var(--sidebar-border);flex-shrink:0}.user-block[data-v-feef7373]{align-items:center;gap:var(--spacer-10);display:flex;overflow:hidden}.user-avatar-wrap[data-v-feef7373]{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-avatar-letter[data-v-feef7373]{font-size:var(--text-sm);color:var(--text-on-brand);font-weight:600}.user-meta[data-v-feef7373]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-meta-name[data-v-feef7373]{font-size:var(--text-sm);color:var(--sidebar-text-active);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.user-meta-role[data-v-feef7373]{color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.logout-btn[data-v-feef7373]{border-radius:var(--radius-small);width:28px;height:28px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.logout-btn[data-v-feef7373]:hover{color:var(--sidebar-text-hover);background:#ffffff14}.main-area[data-v-feef7373]{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex}.main-area.collapsed[data-v-feef7373]{margin-left:64px}.header[data-v-feef7373]{height:var(--header-height);background:var(--color-card);box-shadow:var(--shadow-sm);padding:0 var(--content-padding);z-index:99;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left[data-v-feef7373]{align-items:center;gap:var(--spacer-12);display:flex}.header-right[data-v-feef7373]{align-items:center;gap:var(--spacer-16);display:flex}.collapse-toggle[data-v-feef7373]{border-radius:var(--radius-medium);width:32px;height:32px;color:var(--icon-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-toggle[data-v-feef7373]:hover{background:var(--color-background);color:var(--icon-primary)}.header-search[data-v-feef7373]{align-items:center;display:flex;position:relative}.search-icon[data-v-feef7373]{left:var(--spacer-10);color:var(--icon-tertiary);pointer-events:none;position:absolute}.search-input[data-v-feef7373]{width:200px;height:32px;padding:0 var(--spacer-10) 0 32px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-family);box-sizing:border-box;outline:none;transition:all .2s}.search-input[data-v-feef7373]::placeholder{color:var(--text-disabled)}.search-input[data-v-feef7373]:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-surface);background:var(--color-input)}.search-dropdown[data-v-feef7373]{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-lg);padding:var(--spacer-4);z-index:200;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-dropdown-empty[data-v-feef7373]{padding:0}.search-result-item[data-v-feef7373]{align-items:center;gap:var(--spacer-8);padding:var(--spacer-8) var(--spacer-10);border-radius:var(--radius-small);cursor:pointer;transition:background .12s;display:flex}.search-result-item[data-v-feef7373]:hover,.search-result-active[data-v-feef7373]{background:var(--brand-primary-surface)}.search-result-icon[data-v-feef7373]{color:var(--icon-tertiary);flex-shrink:0;align-items:center;display:flex}.search-result-icon[data-v-feef7373] svg{width:16px;height:16px}.search-result-label[data-v-feef7373]{font-size:var(--text-base);color:var(--text-primary);flex:1}.search-result-path[data-v-feef7373]{font-size:var(--text-xs);color:var(--text-disabled);margin-left:auto}.search-result-empty[data-v-feef7373]{padding:var(--spacer-12);text-align:center;font-size:var(--text-sm);color:var(--text-disabled)}.search-dropdown-enter-active[data-v-feef7373],.search-dropdown-leave-active[data-v-feef7373]{transition:opacity .15s,transform .15s}.search-dropdown-enter-from[data-v-feef7373],.search-dropdown-leave-to[data-v-feef7373]{opacity:0;transform:translateY(-4px)}.icon-btn[data-v-feef7373]{border-radius:var(--radius-medium);width:36px;height:36px;color:var(--icon-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn[data-v-feef7373]:hover{background:var(--color-background);color:var(--brand-primary)}.notification-badge[data-v-feef7373]{align-items:center;display:flex}.header-user[data-v-feef7373]{align-items:center;gap:var(--spacer-8);cursor:pointer;padding:var(--spacer-4) var(--spacer-8);border-radius:var(--radius-medium);transition:background .2s;display:flex}.header-user[data-v-feef7373]:hover{background:var(--color-background)}.header-avatar[data-v-feef7373]{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover));width:32px;height:32px;color:var(--text-on-brand);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.header-username[data-v-feef7373]{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.header-arrow[data-v-feef7373]{color:var(--icon-tertiary);flex-shrink:0}.content[data-v-feef7373]{padding:var(--content-padding);flex:1}[data-v-feef7373] .el-breadcrumb__inner{font-size:var(--text-base);color:var(--text-tertiary)!important}[data-v-feef7373] .el-breadcrumb__inner.is-link{font-weight:400;color:var(--text-tertiary)!important}[data-v-feef7373] .el-breadcrumb__inner.is-link:hover{color:var(--brand-primary)!important}[data-v-feef7373] .el-breadcrumb__item:last-child .el-breadcrumb__inner{font-weight:500;color:var(--text-primary)!important}[data-v-feef7373] .el-dropdown-menu__item{align-items:center;gap:var(--spacer-6);font-size:var(--text-base);display:flex}[data-v-feef7373] .el-badge__content{border:none;font-size:10px}.page-fade-enter-active[data-v-feef7373],.page-fade-leave-active[data-v-feef7373]{transition:opacity .18s,transform .18s}.page-fade-enter-from[data-v-feef7373]{opacity:0;transform:translateY(6px)}.page-fade-leave-to[data-v-feef7373]{opacity:0}.notif-tools[data-v-feef7373]{justify-content:space-between;margin-bottom:12px;display:flex}.notif-list[data-v-feef7373]{min-height:200px}.notif-item[data-v-feef7373]{border:1px solid var(--border-light,#ebeef5);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:12px 14px;transition:background .15s,border-color .15s}.notif-item[data-v-feef7373]:hover{background:var(--primary-light,#f0f6ff)}.notif-item--unread[data-v-feef7373]{background:#f5f9ff;border-color:#2f74ff40}.notif-item-title[data-v-feef7373]{color:var(--text-primary,#171717);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.notif-dot[data-v-feef7373]{background:#2f74ff;border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-item-content[data-v-feef7373]{color:var(--text-secondary,#525252);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;display:-webkit-box;overflow:hidden}.notif-item-time[data-v-feef7373]{color:var(--text-tertiary,#a3a3a3);margin-top:6px;font-size:11px}.notif-empty[data-v-feef7373]{text-align:center;color:var(--text-tertiary,#a3a3a3);padding:40px 0;font-size:13px}