*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f3f6fb;--bg-card: #ffffff;--text-primary: #1f2a37;--text-secondary: #6b7280;--border-soft: #e5eaf3;--brand: #3b82f6;--brand-hover: #2563eb;--radius-base: 12px}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:radial-gradient(circle at 0% 0%,#f8fbff 0,var(--bg-page) 45%,#eef2f8 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh}.el-card{border:1px solid var(--border-soft);border-radius:var(--radius-base);box-shadow:0 8px 24px #0f172a0d}.el-table{--el-table-header-bg-color: #f7f9fc;--el-table-row-hover-bg-color: #f2f7ff;border-radius:10px;overflow:hidden}.el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: var(--brand-hover);--el-button-hover-border-color: var(--brand-hover);--el-button-active-bg-color: var(--brand-hover);--el-button-active-border-color: var(--brand-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.layout-container[data-v-c0e51c40]{display:flex;height:100vh;overflow:hidden;background:transparent}.sidebar[data-v-c0e51c40]{width:276px;height:100%;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-right:1px solid #e7ecf4;transition:width .25s ease;overflow-x:hidden;overflow-y:auto;box-shadow:8px 0 22px #0f172a0a}.sidebar.collapsed[data-v-c0e51c40]{width:76px}.logo[data-v-c0e51c40]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:auto;height:auto;border-bottom:1px solid #edf1f7;padding:16px 12px 18px;box-sizing:border-box;overflow:visible}.logo-img[data-v-c0e51c40]{display:block;height:56px;width:auto;max-width:min(240px,100%);min-height:48px;object-fit:contain;flex-shrink:0}.logo h1[data-v-c0e51c40]{margin:0;width:100%;font-size:13px;font-weight:700;color:#1e293b;letter-spacing:.2px;line-height:1.5;text-align:center;white-space:normal;overflow:visible;word-break:keep-all}.sidebar.collapsed .logo h1[data-v-c0e51c40]{display:none}.sidebar.collapsed .logo[data-v-c0e51c40]{padding:12px 6px 0}.sidebar.collapsed .logo-img[data-v-c0e51c40]{height:44px;min-height:40px;max-width:100%}.menu[data-v-c0e51c40]{padding:10px 8px}.modern-menu[data-v-c0e51c40]{background:transparent!important;border-right:none!important}.modern-menu .el-menu-item[data-v-c0e51c40]{height:46px;line-height:46px;margin:4px 0;border-radius:10px;color:#4b5563;transition:all .2s ease}.modern-menu .el-menu-item[data-v-c0e51c40]:hover{background:#eff6ff;color:#2563eb}.modern-menu .el-menu-item.is-active[data-v-c0e51c40]{background:linear-gradient(90deg,#eaf2ff 0%,#f1f6ff 100%);color:#1d4ed8;font-weight:600}.menu-icon[data-v-c0e51c40]{font-size:17px;margin-right:10px}.sidebar.collapsed .menu-icon[data-v-c0e51c40]{margin-right:0}.menu-text[data-v-c0e51c40]{font-size:14px}.sidebar.collapsed .menu-text[data-v-c0e51c40]{opacity:0}.main-content[data-v-c0e51c40]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-c0e51c40]{height:62px;background:rgba(255,255,255,.86);border-bottom:1px solid #e9edf4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header-left[data-v-c0e51c40]{display:flex;align-items:center;gap:12px}.sidebar-toggle[data-v-c0e51c40]{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280}.sidebar-toggle[data-v-c0e51c40]:hover{background:#edf4ff;color:#2563eb}.toggle-icon[data-v-c0e51c40]{font-size:18px}.header-title[data-v-c0e51c40]{font-size:16px;font-weight:600;color:#1f2937}.header-right[data-v-c0e51c40]{display:flex;align-items:center;gap:14px}.system-status[data-v-c0e51c40]{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e8f5ea;border-radius:999px;background:#f6fff8}.status-indicator[data-v-c0e51c40]{width:8px;height:8px;border-radius:50%}.status-indicator.online[data-v-c0e51c40]{background:#22c55e;box-shadow:0 0 0 4px #22c55e29}.status-text[data-v-c0e51c40]{font-size:12px;color:#166534}.user-info[data-v-c0e51c40]{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid #e7ecf4;background:#ffffff}.user-info[data-v-c0e51c40]:hover{border-color:#cfe0ff;background:#f7faff}.user-avatar[data-v-c0e51c40]{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.username[data-v-c0e51c40]{color:#334155;font-size:13px}.arrow-icon[data-v-c0e51c40]{font-size:12px;color:#94a3b8}.dropdown-menu[data-v-c0e51c40]{border-radius:10px!important;border:1px solid #e7ecf4!important;box-shadow:0 12px 30px #0f172a14!important;padding:6px 0!important}.dropdown-item[data-v-c0e51c40]{display:flex!important;align-items:center!important;gap:8px!important}.content[data-v-c0e51c40]{flex:1;padding:16px 18px 20px;overflow:auto}.fade-enter-active[data-v-c0e51c40],.fade-leave-active[data-v-c0e51c40]{transition:all .25s ease}.fade-enter-from[data-v-c0e51c40],.fade-leave-to[data-v-c0e51c40]{opacity:0;transform:translateY(8px)}@media (max-width: 1024px){.sidebar[data-v-c0e51c40]{width:248px}.sidebar.collapsed[data-v-c0e51c40]{width:68px}}@media (max-width: 768px){.system-status[data-v-c0e51c40]{display:none}.header[data-v-c0e51c40]{padding:0 12px}.content[data-v-c0e51c40]{padding:12px}}