.app-container[data-v-1ae1c964]{display:flex;height:100vh;background:var(--bg-page);transition:background-color .3s ease}.menu-container[data-v-1ae1c964]{position:relative;width:270px;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);z-index:1000}.menu-container.collapsed[data-v-1ae1c964]{width:64px}.logo-header[data-v-1ae1c964]{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--sidebar-item-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-header.collapsed[data-v-1ae1c964]{justify-content:center;padding:16px 8px}.logo-header.drawer[data-v-1ae1c964]{padding:20px 20px 16px}.logo-content[data-v-1ae1c964]{display:flex;align-items:center;gap:12px}.logo-icon-box[data-v-1ae1c964]{width:40px;height:40px;border-radius:12px;background:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-img[data-v-1ae1c964]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.logo-text-group[data-v-1ae1c964]{display:flex;flex-direction:column;gap:0}.logo-text[data-v-1ae1c964]{font-size:18px;font-weight:700;color:var(--text-logo);letter-spacing:-.3px;line-height:1.2;transition:color .3s ease}.logo-subtitle[data-v-1ae1c964]{font-size:12px;font-weight:500;color:var(--text-muted);line-height:1.3;transition:color .3s ease}.collapse-btn[data-v-1ae1c964]{width:28px;height:28px;background:transparent;border:1px solid var(--btn-collapse-border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--btn-collapse-color);font-size:14px;flex-shrink:0}.collapse-btn[data-v-1ae1c964]:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3);color:var(--menu-active-color)}.expand-btn[data-v-1ae1c964]{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border-bottom:1px solid var(--sidebar-item-border);cursor:pointer;transition:all .2s ease;color:var(--btn-collapse-color);font-size:16px}.expand-btn[data-v-1ae1c964]:hover{background:rgba(59,130,246,.08);color:var(--menu-active-color)}.el-menu-vertical[data-v-1ae1c964]{width:100%;height:calc(100vh - 280px);border:none;transition:width .3s cubic-bezier(.4,0,.2,1);padding-top:8px;background-color:transparent!important;overflow-y:auto;overflow-x:hidden}.el-menu-vertical[data-v-1ae1c964]:not(.el-menu--collapse){width:270px}.el-menu-vertical .el-menu-item[data-v-1ae1c964]{height:48px;line-height:48px;padding:0 20px!important;margin:2px 8px;border-radius:8px;transition:all .2s ease;background-color:transparent!important;font-size:14px;font-weight:500;color:var(--text-secondary);border:none!important;display:flex;align-items:center;position:relative}.el-menu-vertical .el-menu-item[data-v-1ae1c964]:hover{background:rgba(0,0,0,.04)!important;color:var(--text-primary)}.el-menu-vertical .el-menu-item.is-active[data-v-1ae1c964]{background:rgba(59,130,246,.08)!important;border-left:none!important;color:#3b82f6!important;font-weight:600;position:relative}.el-menu-vertical .el-menu-item.is-active[data-v-1ae1c964]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:#3b82f6;border-radius:0 4px 4px 0}.el-menu-vertical .el-menu-item.is-active i[data-v-1ae1c964]{color:#3b82f6!important}.el-menu-vertical .el-menu-item>span[data-v-1ae1c964]{order:2;flex:1}.el-menu-vertical .el-menu-item i[data-v-1ae1c964]{order:1;width:20px;text-align:center;font-size:16px;margin-right:8px}.menu-container.collapsed .el-menu-vertical .el-menu-item[data-v-1ae1c964]{padding:0!important;margin:2px 4px;text-align:center;justify-content:center}.menu-container.collapsed .el-menu-vertical .el-menu-item>span[data-v-1ae1c964]{order:2}.menu-container.collapsed .el-menu-vertical .el-menu-item i[data-v-1ae1c964]{order:1;margin-right:0}.menu-container.collapsed .el-menu-vertical .el-menu-item.is-active[data-v-1ae1c964]:before{left:0;top:10px;bottom:10px}.menu-svg-icon[data-v-1ae1c964]{width:20px;height:20px;flex-shrink:0;margin-right:12px;order:1;opacity:.6;transition:all .2s ease}.el-menu-vertical .el-menu-item.is-active .menu-svg-icon[data-v-1ae1c964]{stroke:#3b82f6;opacity:1}.el-menu-vertical .el-menu-item:hover .menu-svg-icon[data-v-1ae1c964]{opacity:.9}.menu-container.collapsed .menu-svg-icon[data-v-1ae1c964]{margin-right:0}.menu-badge[data-v-1ae1c964]{order:3;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:11px;font-weight:700;color:#fff;background:#3b82f6;margin-left:auto;line-height:1;flex-shrink:0}.menu-badge-green[data-v-1ae1c964]{background:#22c55e}.logout-svg-icon[data-v-1ae1c964]{width:18px;height:18px;stroke:#ef4444;flex-shrink:0}.theme-toggle[data-v-1ae1c964]{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;border-radius:8px;cursor:pointer;background:transparent;border:1px solid var(--btn-collapse-border);transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle[data-v-1ae1c964]:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3)}.theme-toggle.collapsed-toggle[data-v-1ae1c964]{justify-content:center;padding:8px}.theme-icon[data-v-1ae1c964]{font-size:16px;line-height:1}.theme-label[data-v-1ae1c964]{font-size:12px;font-weight:600;color:var(--text-secondary);transition:color .3s ease}.sidebar-footer[data-v-1ae1c964]{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid var(--sidebar-item-border);background:var(--bg-sidebar);z-index:1001;transition:all .3s ease}.sidebar-footer.collapsed[data-v-1ae1c964]{padding:8px}.footer-actions[data-v-1ae1c964]{margin-bottom:8px}.footer-info[data-v-1ae1c964]{padding-top:10px;border-top:1px solid var(--sidebar-item-border)}.footer-info-row[data-v-1ae1c964]{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.footer-label[data-v-1ae1c964]{font-size:12px;font-weight:500;color:var(--text-muted)}.footer-value[data-v-1ae1c964]{font-size:12px;font-weight:600;color:var(--text-secondary)}.logout-btn-sticky[data-v-1ae1c964]{width:100%;height:38px;color:#ef4444!important;font-size:13px;font-weight:600;border:1px solid rgba(239,68,68,.2);background:rgba(254,242,242,.5)!important;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.logout-btn-sticky[data-v-1ae1c964]:hover{background:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.4);color:#dc2626!important}.logout-btn-sticky[data-v-1ae1c964]:active{transform:translateY(0)}.logout-btn-sticky i[data-v-1ae1c964]{font-size:16px;color:#ef4444}.logout-btn-sticky.collapsed-logout[data-v-1ae1c964]{padding:0!important;justify-content:center;height:36px;min-width:auto;width:100%;border-radius:8px}.logout-btn-sticky.collapsed-logout i[data-v-1ae1c964]{font-size:18px;margin:0}.logout-btn-sticky.collapsed-logout span[data-v-1ae1c964]{display:none}.main-content[data-v-1ae1c964]{flex:1;overflow:auto;transition:margin-left .3s ease;background-color:transparent}.main-content.expanded[data-v-1ae1c964]{margin-left:0}@media (max-width:768px){.menu-container[data-v-1ae1c964]{position:fixed;left:0;top:0;z-index:1000;height:100vh}.menu-container.collapsed[data-v-1ae1c964]{transform:translateX(-100%)}.main-content[data-v-1ae1c964]{margin-left:0;width:100%}.collapse-btn[data-v-1ae1c964]{right:-45px}}.el-menu--collapse .el-menu-item .el-submenu__title span[data-v-1ae1c964],.el-menu--collapse .el-menu-item span[data-v-1ae1c964]{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}[data-v-1ae1c964] .mobile-drawer,[data-v-1ae1c964] .tablet-drawer{background:var(--bg-sidebar)!important;border-right:1px solid var(--sidebar-border)!important;box-shadow:4px 0 24px rgba(0,0,0,.08)!important}[data-v-1ae1c964] .mobile-drawer .el-drawer__body,[data-v-1ae1c964] .tablet-drawer .el-drawer__body{padding:0;background:transparent;position:relative;display:flex;flex-direction:column}[data-v-1ae1c964] .mobile-drawer .el-menu,[data-v-1ae1c964] .tablet-drawer .el-menu{background-color:transparent!important;border-right:none!important}[data-v-1ae1c964] .mobile-drawer .el-menu-item,[data-v-1ae1c964] .tablet-drawer .el-menu-item{background-color:transparent!important;height:48px;line-height:48px;margin:2px 8px;border-radius:8px;border:none!important;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center}[data-v-1ae1c964] .mobile-drawer .el-menu-item:hover,[data-v-1ae1c964] .tablet-drawer .el-menu-item:hover{background:rgba(0,0,0,.04)!important}[data-v-1ae1c964] .mobile-drawer .el-menu-item.is-active,[data-v-1ae1c964] .tablet-drawer .el-menu-item.is-active{background:rgba(59,130,246,.08)!important;color:#3b82f6!important;font-weight:600;position:relative}[data-v-1ae1c964] .mobile-drawer .el-menu-item.is-active:before,[data-v-1ae1c964] .tablet-drawer .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:#3b82f6;border-radius:0 4px 4px 0}.drawer-menu[data-v-1ae1c964]{height:calc(100vh - 260px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 0}.sidebar-footer-drawer[data-v-1ae1c964]{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid var(--sidebar-item-border);background:var(--bg-sidebar);z-index:1001}[data-theme=dark] .logo-icon-box[data-v-1ae1c964]{background:#334155}[data-theme=dark] .el-menu-vertical .el-menu-item[data-v-1ae1c964]:hover{background:hsla(0,0%,100%,.06)!important}[data-theme=dark] .el-menu-vertical .el-menu-item.is-active[data-v-1ae1c964]{background:rgba(96,165,250,.12)!important;color:#60a5fa!important}[data-theme=dark] .el-menu-vertical .el-menu-item.is-active[data-v-1ae1c964]:before{background:#60a5fa}[data-theme=dark] .logout-btn-sticky[data-v-1ae1c964]{background:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.2)}[data-theme=dark][data-v-1ae1c964] .mobile-drawer .el-menu-item:hover,[data-theme=dark][data-v-1ae1c964] .tablet-drawer .el-menu-item:hover{background:hsla(0,0%,100%,.06)!important}[data-theme=dark][data-v-1ae1c964] .mobile-drawer .el-menu-item.is-active,[data-theme=dark][data-v-1ae1c964] .tablet-drawer .el-menu-item.is-active{background:rgba(96,165,250,.12)!important;color:#60a5fa!important}