#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{padding:20px}.query-form{margin-bottom:20px;padding:20px;background:#fff;border-radius:4px}#nprogress .bar{background:#007aff!important}:root{--pro-primary: #007aff;--pro-primary-light: #409cff;--pro-primary-dark: #0062cc;--pro-sidebar-bg: rgba(246, 246, 248, .72);--pro-sidebar-light: rgba(255, 255, 255, .55);--pro-sidebar-text: rgba(29, 29, 31, .88);--pro-sidebar-text-active: #fff;--pro-sidebar-width: 220px;--pro-sidebar-collapsed-width: 64px;--pro-nav-glass-blur: blur(40px) saturate(180%);--pro-nav-border: rgba(0, 0, 0, .08);--pro-nav-active: #007aff;--pro-header-height: 56px;--pro-header-bg: rgba(255, 255, 255, .62);--pro-content-bg: #ffffff;--pro-card-bg: #fff;--pro-card-radius: 12px;--pro-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--pro-card-shadow-hover: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--pro-success: #34c759;--pro-warning: #ff9f0a;--pro-error: #ff3b30;--pro-info: #007aff;--pro-text-primary: #1d1d1f;--pro-text-regular: #3a3a3c;--pro-text-secondary: #6e6e73;--pro-text-placeholder: #aeaeb2;--pro-border-color: rgba(0, 0, 0, .08);--pro-border-radius: 10px;--el-color-primary: #007aff;--el-color-primary-light-3: #409cff;--el-color-primary-dark-2: #0062cc}body{color:var(--pro-text-primary);background-color:#d8e4f5;background-image:radial-gradient(ellipse 70% 55% at 0% 0%,rgba(160,200,255,.7),transparent 55%),radial-gradient(ellipse 55% 45% at 100% 0%,rgba(210,180,255,.4),transparent 50%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(140,190,255,.35),transparent 55%),linear-gradient(180deg,#e6eefc,#f2f4f8,#e9eef7);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif}#app{min-height:100vh;background:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::-webkit-scrollbar-track{background:transparent}.el-card{border-radius:var(--pro-card-radius);border:none;background:var(--pro-card-bg);box-shadow:var(--pro-card-shadow);transition:box-shadow .3s ease;color:var(--pro-text-primary)}.el-card:hover{box-shadow:var(--pro-card-shadow-hover)}.el-table{--el-table-border-color: var(--pro-border-color);--el-table-header-bg-color: #fafafa}.el-table th.el-table__cell{background-color:#fafafa!important;font-weight:600;color:var(--pro-text-primary)}.el-table .el-table__row:hover>td{background-color:#f5f7fa!important}.el-button--primary{--el-button-bg-color: var(--pro-primary);--el-button-border-color: var(--pro-primary)}.el-button--primary:hover,.el-button--primary:focus{--el-button-hover-bg-color: var(--pro-primary-light);--el-button-hover-border-color: var(--pro-primary-light)}.el-menu{border-right:none!important}.el-input__wrapper,.el-select__wrapper{border-radius:var(--pro-border-radius)}.el-input__wrapper:focus-within,.el-select__wrapper:focus-within{box-shadow:0 0 0 2px #5b8cff33!important}.pro-page{padding:20px}.pro-page .page-header{margin-bottom:20px}.pro-page .page-header .page-title{font-size:20px;font-weight:600;color:var(--pro-text-primary);margin:0 0 8px}.pro-page .page-header .page-desc{font-size:14px;color:var(--pro-text-secondary);margin:0}.pro-query-form{background:var(--pro-card-bg);padding:20px 20px 8px;border-radius:var(--pro-card-radius);margin-bottom:16px;box-shadow:var(--pro-card-shadow)}.pro-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pro-toolbar .toolbar-left,.pro-toolbar .toolbar-right{display:flex;gap:8px}.pro-table-container{background:var(--pro-card-bg);border-radius:var(--pro-card-radius);box-shadow:var(--pro-card-shadow);overflow:hidden}.pro-table-container .el-table{border-radius:var(--pro-card-radius) var(--pro-card-radius) 0 0}.pro-table-container .pro-pagination{padding:16px;display:flex;justify-content:flex-end;border-top:1px solid var(--pro-border-color)}.pro-stat-card{background:var(--pro-card-bg);border-radius:var(--pro-card-radius);box-shadow:var(--pro-card-shadow);padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.pro-stat-card:hover{box-shadow:var(--pro-card-shadow-hover);transform:translateY(-2px)}.pro-stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.pro-stat-card .stat-icon.blue{background:linear-gradient(135deg,#5b8cff,#8bb0ff)}.pro-stat-card .stat-icon.green{background:linear-gradient(135deg,#52c41a,#73d13d)}.pro-stat-card .stat-icon.orange{background:linear-gradient(135deg,#fa8c16,#ffc53d)}.pro-stat-card .stat-icon.red{background:linear-gradient(135deg,#f5222d,#ff4d4f)}.pro-stat-card .stat-icon.purple{background:linear-gradient(135deg,#722ed1,#9254de)}.pro-stat-card .stat-icon.cyan{background:linear-gradient(135deg,#13c2c2,#36cfc9)}.pro-stat-card .stat-content{flex:1}.pro-stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:var(--pro-text-primary);line-height:1.2;margin-bottom:4px}.pro-stat-card .stat-content .stat-label{font-size:14px;color:var(--pro-text-secondary)}.pro-stat-card .stat-content .stat-trend{font-size:12px;margin-top:4px}.pro-stat-card .stat-content .stat-trend.up{color:var(--pro-success)}.pro-stat-card .stat-content .stat-trend.down{color:var(--pro-error)}.pro-status{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:10px;font-size:12px}.pro-status .status-dot{width:6px;height:6px;border-radius:50%}.pro-status.success{background:#52c41a1a;color:var(--pro-success)}.pro-status.success .status-dot{background:var(--pro-success)}.pro-status.warning{background:#faad141a;color:var(--pro-warning)}.pro-status.warning .status-dot{background:var(--pro-warning)}.pro-status.error{background:#f5222d1a;color:var(--pro-error)}.pro-status.error .status-dot{background:var(--pro-error)}.pro-status.info{background:#5b8cff1a;color:var(--pro-info)}.pro-status.info .status-dot{background:var(--pro-info)}.pro-batch-bar{background:linear-gradient(90deg,#e6f7ff,#f0f5ff);border:1px solid #91d5ff;border-radius:var(--pro-border-radius);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.pro-batch-bar .batch-info{font-weight:600;color:var(--pro-primary)}.pro-batch-bar .batch-actions{display:flex;gap:8px}.pro-empty{padding:60px 0;text-align:center;color:var(--pro-text-placeholder)}.pro-empty .empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.pro-empty .empty-text{font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}.pro-btn-gradient{background:linear-gradient(135deg,var(--pro-primary) 0%,var(--pro-primary-light) 100%)!important;border:none!important}.pro-btn-gradient:hover{opacity:.9}.el-dialog{border-radius:12px!important;overflow:hidden}.el-dialog .el-dialog__header{background:linear-gradient(135deg,#f5f7fa,#fff);padding:16px 20px;border-bottom:1px solid #ebeef5;margin-right:0}.el-dialog .el-dialog__title{font-weight:600;font-size:16px}.el-dialog .el-dialog__body{padding:24px}.el-dialog .el-dialog__footer{padding:12px 20px;border-top:1px solid #ebeef5}.el-drawer .el-drawer__header{padding:16px 20px;border-bottom:1px solid #ebeef5;margin-bottom:0}.el-drawer .el-drawer__body{padding:20px}.el-descriptions .el-descriptions__label{font-weight:500;color:var(--pro-text-secondary)}.el-descriptions .el-descriptions__content{color:var(--pro-text-primary)}.el-tag{border-radius:4px;font-weight:500}.el-pagination .el-pager li{border-radius:4px;margin:0 2px}.el-pagination .el-pager li.is-active{background:var(--pro-primary);font-weight:600}.el-table__row{transition:background-color .2s ease}.el-loading-mask{background-color:#ffffffe6}.el-message{border-radius:8px;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.pro-page{padding:12px}.el-button{min-height:40px}.el-input__inner,.el-textarea__inner{font-size:14px}.el-dialog{margin:0!important;max-width:100vw}.el-dialog .el-dialog__body{padding:14px}}.text-primary{color:var(--pro-primary)}.text-success{color:var(--pro-success)}.text-warning{color:var(--pro-warning)}.text-danger{color:var(--pro-error)}.text-info{color:var(--pro-info)}.text-muted{color:var(--pro-text-secondary)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.fade-up{animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.bounce-in{animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}