:root,body.theme-light{--soft-bg: #f5f5f5;--soft-bg2: #fafafa;--soft-bg3: #f0f0f0;--blue-tint: #e6f7ff;--blue-tint2: #f0f7ff;--text-muted: #666;--text-soft: #8c8c8c;--panel-bg: #fff;--divider-soft: #f0f0f0;--hover-shadow: 0 2px 8px rgba(0, 0, 0, .15)}body.theme-dark{--soft-bg: #16202e;--soft-bg2: #1a2534;--soft-bg3: #1d2a3b;--blue-tint: rgba(24, 144, 255, .18);--blue-tint2: rgba(24, 144, 255, .1);--text-muted: #8ba0b8;--text-soft: #7a8ba0;--panel-bg: #101a28;--divider-soft: rgba(255, 255, 255, .08);--hover-shadow: 0 2px 8px rgba(0, 0, 0, .4)}#app{width:100%;min-height:100vh}.ant-layout-header{height:56px!important;line-height:56px!important;padding:0!important}.app-header{background:linear-gradient(135deg,#1890ff,#096dd9)!important;padding:0 20px!important;display:flex;align-items:center;justify-content:space-between;height:56px!important;line-height:56px!important;box-shadow:0 2px 12px #1890ff40;position:relative;z-index:10}.mobile-header{display:flex;align-items:center;gap:12px}.menu-toggle{color:#fff!important;font-size:20px;background:#ffffff1a;border-radius:8px;padding:4px 8px;height:36px;line-height:28px}.menu-toggle:hover{background:#fff3!important}.mobile-header h3,.header-left h3{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px;line-height:56px}.header-right{display:flex;align-items:center;gap:12px;height:56px}.user-info{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .3s;color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:36px;line-height:24px}.user-info:hover{background:#ffffff40}.user-info .anticon{font-size:16px}.user-menu{min-width:160px}.app-content{padding:16px;background:#f5f7fa;min-height:calc(100vh - 56px);overflow-y:auto}.app-sider{background:#fff!important;box-shadow:2px 0 12px #1890ff26;display:flex;flex-direction:column}.sider-logo{height:56px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 16px;background:linear-gradient(266deg,#1890ff,#096dd9);box-shadow:0 2px 12px #1890ff40}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:8px;color:#fff;font-size:16px}.sider-logo .logo-text{color:#fff;font-size:16px;font-weight:600}.side-menu{background:transparent!important;border:none!important;padding:4px 6px;flex:1;overflow-y:auto}.side-menu :deep(.ant-menu-item),.side-menu :deep(.ant-sub-menu-title){margin:3px 0!important;border-radius:8px!important;color:#333!important;height:40px!important;line-height:40px!important;font-weight:500;transition:all .2s ease;position:relative}.side-menu :deep(.ant-menu-item:hover){color:#1890ff!important;background:linear-gradient(90deg,#e6f7ff,#e6f7ff8c)!important}.side-menu :deep(.ant-menu-item-selected){color:#1890ff!important;background:linear-gradient(90deg,#e6f7ff,#e6f7ff59)!important;font-weight:600}.side-menu :deep(.ant-menu-item-selected):before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:3px;background:linear-gradient(180deg,#40a9ff,#1890ff);box-shadow:0 0 6px #1890ff80}.side-menu :deep(.ant-menu-item a){color:inherit!important}.side-menu :deep(.ant-menu-item .anticon){font-size:15px;transition:color .2s ease}.side-menu :deep(.ant-menu-item-selected .anticon){color:#1890ff}.side-menu .menu-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%)}body.theme-dark .side-menu .menu-badge .ant-badge-count{border:none}.side-menu :deep(.ant-sub-menu-title){color:#0b6ed1!important;font-weight:700!important;font-size:14.5px;letter-spacing:.5px;margin-top:8px!important;background:#e8f2ff;border:1px solid #c9e2ff;border-radius:8px!important;position:relative}.side-menu :deep(.ant-sub-menu-title):before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:3px;background:#1890ff}.side-menu :deep(.ant-sub-menu-title .anticon){font-size:14px;color:#fff;background:#4096ff;border-radius:6px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:2px}.side-menu :deep(.ant-sub-menu-title:hover){color:#0b6ed1!important;background:#d6ecff!important;border-color:#91caff}.side-menu :deep(.ant-menu-submenu-arrow){color:#1677ff!important;background:#1890ff1f;border-radius:50%;width:18px;height:18px;display:flex!important;align-items:center;justify-content:center}.side-menu :deep(.ant-sub-menu .ant-menu-item){margin:2px 0 2px 2px!important;padding-left:28px!important;height:34px!important;line-height:34px!important;font-size:13.5px;color:#555!important}.side-menu :deep(.ant-sub-menu .ant-menu-item:hover){color:#1890ff!important;background:linear-gradient(90deg,#f0f7ff,#f0f7ff80)!important}.side-menu :deep(.ant-sub-menu .ant-menu-item-selected){color:#1890ff!important;background:linear-gradient(90deg,#e6f7ff,#e6f7ff59)!important;font-weight:600}.side-menu :deep(.ant-sub-menu .ant-menu-item-selected):before{display:none}.sider-footer{height:48px;display:flex;align-items:center;justify-content:center;border-top:1px solid #f0f0f0;background:#fafafa}.sider-footer :deep(.ant-btn){color:#1890ff;font-size:16px;border-radius:8px}.sider-footer :deep(.ant-btn:hover){color:#40a9ff;background:#e6f7ff}.mobile-menu-drawer :deep(.ant-drawer-body){padding:0;background:#fff}.mobile-logo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(135deg,#1890ff,#096dd9)}.mobile-logo .logo-icon{width:36px;height:36px;background:#fff3}.mobile-logo .logo-text{color:#fff;font-size:16px;font-weight:600}.mobile-menu-drawer :deep(.ant-menu){background:transparent!important;border:none!important}.mobile-menu-drawer :deep(.ant-menu-item){margin:3px 10px!important;border-radius:8px!important;color:#333!important;height:44px!important;line-height:44px!important;font-weight:500}.mobile-menu-drawer :deep(.ant-menu-item-selected){color:#fff!important;background:linear-gradient(135deg,#1890ff,#40a9ff)!important}@media (min-width: 768px){.app-header{padding:0 24px;height:56px}.header-left h3{font-size:18px}.user-info{padding:8px 16px}.app-content{padding:20px}}@media (max-width: 768px){.app-content{padding:12px}.app-content :deep(.ant-card){margin-bottom:12px}.app-content :deep(.ant-table){font-size:13px}}body.theme-dark .app-header{background:#001529!important;box-shadow:0 2px 8px #00000080!important}body.theme-dark .sider-logo{background:#001529!important;box-shadow:none!important}body.theme-dark .app-sider{background:#001529!important;box-shadow:2px 0 8px #0000004d!important}body.theme-dark .side-menu{background:transparent!important}body.theme-dark .side-menu .ant-menu-item{color:#ffffffc7!important}body.theme-dark .side-menu .ant-menu-item:hover{color:#fff!important;background:#ffffff14!important}body.theme-dark .side-menu .ant-menu-item-selected{color:#66b5ff!important;background:#1890ff2e!important;font-weight:600}body.theme-dark .side-menu .ant-menu-item-selected .anticon{color:#66b5ff}body.theme-dark .side-menu .ant-menu-item-selected:before{background:#4096ff;box-shadow:0 0 8px #4096ff99}body.theme-dark .side-menu .ant-sub-menu-title{color:#8fd0ff!important;font-weight:700;background:#1890ff42!important;border:1px solid rgba(64,150,255,.4);position:relative}body.theme-dark .side-menu .ant-sub-menu-title:before{background:#4096ff;box-shadow:0 0 6px #4096ff80}body.theme-dark .side-menu .ant-sub-menu-title .anticon{color:#fff;background:#4096ff}body.theme-dark .side-menu .ant-sub-menu-title:hover{color:#fff!important;background:#1890ff57!important;border-color:#4096ff8c}body.theme-dark .side-menu .ant-menu-submenu-arrow{color:#ffffffb3!important;background:#ffffff1a}body.theme-dark .side-menu .ant-sub-menu .ant-menu-item{color:#ffffffa6!important}body.theme-dark .side-menu .ant-sub-menu .ant-menu-item:hover{color:#fff!important;background:#ffffff12!important}body.theme-dark .side-menu .ant-sub-menu .ant-menu-item-selected{color:#66b5ff!important;background:#1890ff2e!important}body.theme-dark .sider-footer{background:#001529!important;border-top:1px solid rgba(255,255,255,.1)!important}body.theme-dark .sider-footer .ant-btn{color:#ffffffc7!important}body.theme-dark .sider-footer .ant-btn:hover{color:#fff!important;background:#ffffff1a!important}body.theme-dark .ant-layout-sider-trigger{background:#001529!important}body.theme-dark .app-content{background:#0f1a2a!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}.page-container{padding:24px;background-color:#fff;border-radius:4px;min-height:calc(100vh - 64px)}.ant-card{margin-bottom:16px}.ant-table-cell-action{white-space:nowrap}.status-tag{margin-right:8px}@media (max-width: 768px){.page-container{padding:12px}.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.ant-card-head-title{font-size:14px}.ant-card-body{padding:12px}.ant-form-item-label{padding-bottom:4px}.ant-form-item{margin-bottom:12px}.ant-btn{padding:4px 12px;font-size:12px}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:18px}.ant-row.ant-row-middle{flex-direction:column;gap:8px}.ant-row.ant-row-middle>.ant-col{width:100%;max-width:100%;flex:none}.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}.ant-modal-content{padding:12px}.ant-modal-header,.ant-modal-body{padding:8px 0}.ant-descriptions-item-label,.ant-descriptions-item-content{display:block;width:100%}}@media (max-width: 576px){.page-container,.ant-card-body{padding:8px}.ant-btn-sm{padding:0 8px;font-size:12px}.ant-table-cell-action .ant-btn{margin:2px}}