*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}#app,.app-container{height:100%;width:100%;overflow:hidden}.app-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--primary-600);font-size:var(--font-size-base)}.app-loading .el-icon{font-size:48px;margin-bottom:var(--spacing-md);animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-layout{height:100%;width:100%;overflow:hidden}.aside{width:130px;background:#fff!important;height:100%;display:flex;flex-direction:column;transition:width var(--transition-normal);position:relative;z-index:100;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--color-border-1);flex-shrink:0}.aside.is-collapsed{width:48px}.aside::-webkit-scrollbar{width:0}.aside .el-aside{background:#fff!important}.logo-container{height:48px;display:flex;align-items:center;padding:0 10px;background:#fff!important;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--color-border-1);gap:6px}.logo{display:flex;align-items:center;gap:6px;color:var(--color-text-1);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden}.logo .el-icon{font-size:18px;color:var(--color-primary-600);flex-shrink:0}.logo span{font-size:13px!important;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.logo-collapsed{display:flex;align-items:center;justify-content:center;color:var(--color-text-1);width:100%}.logo-collapsed .el-icon{font-size:20px;color:var(--color-primary-600)}.menu-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 2px;background:#fff!important}.menu-wrapper::-webkit-scrollbar{width:0}.el-menu{border-right:none;background-color:#fff!important;--el-menu-bg-color: #ffffff !important;padding-left:0!important}.el-menu-item{font-size:13px!important;height:34px!important;line-height:34px!important;margin:1px 0;border-radius:4px;transition:all var(--transition-fast);color:#1d2129!important;padding-left:4px!important;padding-right:4px!important;--el-menu-text-color: #1d2129 !important;--el-menu-active-color: var(--color-primary-600) !important;--el-menu-hover-text-color: #1d2129 !important;--el-menu-hover-bg-color: var(--color-fill-2) !important}.el-menu-item .el-icon{font-size:15px!important;color:#4e5969!important;margin-right:6px;flex-shrink:0}.el-menu-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-menu-item:hover{background-color:var(--color-fill-2)!important;color:#1d2129!important}.el-menu-item:hover .el-icon{color:#1d2129!important}.el-menu--collapse .el-menu-item{padding-left:0!important;justify-content:center}.el-menu--collapse .el-menu-item .el-icon{font-size:18px!important;margin-right:0}.el-menu-item.is-active{background:var(--color-primary-50)!important;box-shadow:none}.el-menu-item.is-active .el-icon{color:var(--color-primary-600)}.el-menu-item.is-active{color:var(--color-primary-600)!important;font-weight:var(--font-weight-medium)}.collapse-btn{flex-shrink:0;width:100%;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;color:var(--color-text-3);transition:all var(--transition-fast);border-top:1px solid var(--color-border-1)}.collapse-btn:hover{background:var(--color-fill-2);color:var(--color-text-1)}.main-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.header{background:#fff;border-bottom:1px solid var(--color-border-1);padding:0 16px;display:flex;align-items:center;height:44px;flex-shrink:0;box-shadow:none;min-width:0;gap:16px}.header-left{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.header-tabs-wrapper{flex:1;min-width:0;overflow:hidden;height:100%}.tabs-dropdown{flex-shrink:0;margin-left:8px}.header-tabs-wrapper::-webkit-scrollbar{height:0}.header-tabs{height:100%;width:100%}.header-tabs :deep(.el-tabs__header){margin:0;border-bottom:none;height:100%;padding:6px 0}.header-tabs :deep(.el-tabs__nav-scroll::-webkit-scrollbar){height:0}.header-tabs :deep(.el-tabs--card .el-tabs__item){height:32px;line-height:32px;border:none;background-color:#f1f3f4;color:#5f6368;font-weight:400;margin:0 2px;padding:0 12px;font-size:13px;border-radius:8px 8px 0 0;transition:all .2s ease;position:relative;box-shadow:none;max-width:250px;overflow:hidden}.header-tabs :deep(.el-tabs--card .el-tabs__item.is-active){color:#202124;background-color:#fff;font-weight:500;box-shadow:0 -1px #0000001a,0 1px 2px #0000000d}.header-tabs :deep(.el-tabs--card .el-tabs__item:hover:not(.is-active)){background-color:#e8eaed;color:#202124}.header-tabs :deep(.el-tabs--card .el-tabs__item.is-closable:hover){background-color:#dadce0}.header-tabs :deep(.el-tabs--card .el-tabs__item.is-closable:hover.is-active){background-color:#fff}.header-tabs :deep(.el-tabs--card .el-tabs__item .is-icon-close){opacity:1!important;margin-left:8px;font-size:16px;cursor:pointer;padding:2px;border-radius:50%;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.header-tabs :deep(.el-tabs--card .el-tabs__item .is-icon-close:hover){color:#202124;background-color:#0000001a}.header-tabs :deep(.el-tabs--card .el-tabs__item .is-icon-close svg){width:12px;height:12px}.header-tabs :deep(.tab-label){display:flex;align-items:center;gap:4px;overflow:hidden;min-width:0}.header-tabs :deep(.tab-label) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:16px}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-2);padding:4px 12px;height:32px;border-radius:4px;transition:all var(--transition-fast);font-size:13px}.user-info:hover{background-color:var(--color-fill-2)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;background:var(--color-bg-2);min-height:0}.main-content::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease,height .3s ease}.main-content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.main-content::-webkit-scrollbar-track:hover{background:#0000000a}.main-content::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px;transition:background-color .3s ease,width .3s ease,height .3s ease;min-height:20px;min-width:20px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}.main-content::-webkit-scrollbar-thumb:active{background:#8a9096}.main-content::-webkit-scrollbar-corner{background:transparent}.mobile-menu-btn{display:none;background:none;border:none;font-size:18px;color:var(--color-text-2);cursor:pointer;padding:8px;margin-right:8px;border-radius:4px;transition:background-color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--color-fill-2)}.header-left{display:flex;align-items:center;flex:1;min-width:0}.mobile-sidebar{padding:0}.mobile-sidebar-content{height:100%;display:flex;flex-direction:column;background:#fff}.mobile-close-btn{position:absolute;right:16px;top:16px;cursor:pointer;color:var(--color-text-3);font-size:18px;z-index:10;transition:color var(--transition-fast)}.mobile-close-btn:hover{color:var(--color-text-1)}@media screen and (max-width: 768px){.aside{display:none!important}.mobile-menu-btn{display:block}.header{padding:0 var(--spacing-md);height:52px}.header-tabs-wrapper{flex:1;min-width:0}.header-tabs :deep(.el-tabs__item){height:52px;line-height:52px;font-size:var(--font-size-sm)}.main-content{padding:var(--spacing-md)}.el-dialog{width:95%!important;max-width:95%!important;margin:0 2.5%!important;top:var(--spacing-md)!important}.el-table{font-size:var(--font-size-xs)}.el-table th,.el-table td{padding:var(--spacing-sm) 4px!important}.el-table .el-button--mini{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.el-form-item{margin-bottom:var(--spacing-sm)}.el-form-item__label{font-size:var(--font-size-xs);padding:0 var(--spacing-sm) 0 0}.el-input__wrapper{font-size:var(--font-size-xs)}.el-tabs__nav-wrap:after{display:none}}@media screen and (max-width: 480px){.app-container{overflow-x:hidden}.header{height:48px}.header-tabs :deep(.el-tabs__item){height:48px;line-height:48px;font-size:var(--font-size-xs);padding:0 var(--spacing-sm)}.main-content{padding:var(--spacing-sm)}.el-card{border-radius:var(--radius-sm)}.el-card__header{padding:var(--spacing-sm);font-size:var(--font-size-base)}.el-card__body{padding:var(--spacing-sm)}.user-info span:first-child{display:none}.user-info span:last-child{display:none}}@media screen and (min-width: 769px){.mobile-sidebar{display:none!important}}.tab-label{display:flex;align-items:center;gap:4px;overflow:hidden;min-width:0;flex:1}.tab-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tab-label .el-icon{font-size:10px;color:var(--color-primary-600);flex-shrink:0}.tab-context-menu{position:fixed;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;z-index:9999;border:1px solid var(--color-border-1)}.context-menu-item{padding:8px 16px;font-size:13px;color:var(--color-text-1);cursor:pointer;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background-color:var(--color-primary-50);color:var(--color-primary-600)}.context-menu-divider{height:1px;background-color:var(--color-border-1);margin:4px 0}:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-danger-900: #7f1d1d;--color-text-1: #1d2129;--color-text-2: #4e5969;--color-text-3: #86909c;--color-text-4: #c9cdd4;--color-bg-1: #ffffff;--color-bg-2: #f2f3f5;--color-bg-3: #e5e6eb;--color-bg-4: #c9cdd4;--color-border-1: #e5e6eb;--color-border-2: #c9cdd4;--color-border-3: #a9aeb8;--color-fill-1: #f7f8fa;--color-fill-2: #f2f3f5;--color-fill-3: #e5e6eb;--color-fill-4: #c9cdd4;--shadow-1: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04);--shadow-2: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 5px 10px 0 rgba(0, 0, 0, .06), 0 8px 16px 4px rgba(0, 0, 0, .04);--shadow-3: 0 4px 8px -2px rgba(0, 0, 0, .06), 0 10px 20px 0 rgba(0, 0, 0, .06), 0 14px 28px 8px rgba(0, 0, 0, .04);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-1: 12px;--font-size-2: 13px;--font-size-3: 14px;--font-size-4: 16px;--font-size-5: 18px;--font-size-6: 20px;--font-size-7: 24px;--font-size-8: 28px;--font-size-9: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-1: 1.25;--line-height-2: 1.5;--line-height-3: 1.75;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 130px;--sidebar-width-collapsed: 48px;--header-height: 48px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-toast: 1070;--z-tooltip: 1080}@layer base{html{font-family:var(--font-family);font-size:var(--font-size-3);line-height:var(--line-height-2);color:var(--color-text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--color-bg-2)}*{box-sizing:border-box}}.sidebar{width:var(--sidebar-width);background:var(--color-bg-1);border-right:1px solid var(--color-border-1);display:flex;flex-direction:column;height:100%;position:relative;z-index:100;transition:width var(--transition-normal)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 var(--spacing-4);border-bottom:1px solid var(--color-border-1);gap:var(--spacing-2)}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-5);flex-shrink:0}.sidebar-logo-text{font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);color:var(--color-text-1);white-space:nowrap;overflow:hidden}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}.sidebar-menu::-webkit-scrollbar{width:0}.sidebar-menu-item{display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-3);height:36px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-2);font-size:var(--font-size-2);transition:all var(--transition-fast);margin-bottom:2px;white-space:nowrap}.sidebar-menu-item:hover{background:var(--color-fill-2);color:var(--color-text-1)}.sidebar-menu-item.active{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.sidebar-menu-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3);flex-shrink:0}.sidebar-menu-item-text{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--spacing-2);border-top:1px solid var(--color-border-1);flex-shrink:0}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;height:32px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-3);font-size:var(--font-size-2);transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--color-fill-2);color:var(--color-text-1)}.header{height:var(--header-height);background:var(--color-bg-1);border-bottom:1px solid var(--color-border-1);display:flex;align-items:center;padding:0 var(--spacing-4);flex-shrink:0}.header-tabs{flex:1;height:100%;overflow:hidden;margin:0}.header-tab{display:flex;align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-3);height:100%;font-size:var(--font-size-2);color:var(--color-text-2);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all var(--transition-fast);flex-shrink:0}.header-tab:hover{color:var(--color-text-1);background:var(--color-fill-1)}.header-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500);font-weight:var(--font-weight-medium)}.header-tab-close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-1);transition:all var(--transition-fast)}.header-tab-close:hover{background:var(--color-fill-3)}.header-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.header-user{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-2);color:var(--color-text-2)}.header-user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2);font-weight:var(--font-weight-medium)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-4);background:var(--color-bg-2);min-height:0}.page-container{height:100%;display:flex;flex-direction:column}.card{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);overflow:hidden}.card-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-1);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--font-size-3);font-weight:var(--font-weight-semibold);color:var(--color-text-1)}.card-body{padding:var(--spacing-4)}.query-bar{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4)}.query-form{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.query-form .el-form-item{margin-bottom:0}.query-form .el-form-item__label{font-size:var(--font-size-2);color:var(--color-text-2);padding-right:var(--spacing-2)}.query-form .el-input__wrapper{height:32px;border-radius:var(--radius-sm)}.query-form .el-input__inner{height:32px;font-size:var(--font-size-2)}.query-form .el-select .el-input__wrapper,.query-form .el-date-editor .el-input__wrapper{height:32px}.query-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto;flex-wrap:wrap}.query-bar{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--spacing-2)}.btn{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-regular);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn-default{background:var(--color-bg-1);border-color:var(--color-border-1);color:var(--color-text-1)}.btn-default:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.btn-primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.btn-primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-text{color:var(--color-primary-600);background:transparent;border:none;padding:0 var(--spacing-2)}.btn-text:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.btn-danger-text{color:var(--color-danger-600);background:transparent;border:none;padding:0 var(--spacing-2)}.btn-danger-text:hover{color:var(--color-danger-700);background:var(--color-danger-50)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-2)}.data-table thead th{background:var(--color-fill-1);color:var(--color-text-2);font-weight:var(--font-weight-medium);text-align:left;padding:4px 12px;border-bottom:1px solid var(--color-border-1);height:28px;line-height:28px;white-space:nowrap}.data-table tbody td{padding:3px 12px;color:var(--color-text-1);border-bottom:1px solid var(--color-border-1);height:28px;line-height:28px;white-space:nowrap}.data-table tbody tr:hover td{background:var(--color-primary-50)}.data-table .actions{display:flex;align-items:center;gap:var(--spacing-3)}.table-container{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);overflow:hidden}.table-container .el-table{width:100%;--el-table-header-bg-color: var(--color-fill-1);--el-table-border-color: var(--color-border-1);--el-table-row-hover-bg-color: var(--color-primary-50);--el-table-text-color: var(--color-text-1);--el-table-header-text-color: var(--color-text-2)}.table-container :deep(.el-table th){background:var(--color-fill-1)!important;color:var(--color-text-2)!important;font-weight:var(--font-weight-medium)!important;font-size:12px!important;padding:6px 12px!important;border-bottom:1px solid var(--color-border-1)!important;height:32px!important;line-height:32px!important;text-align:left!important;white-space:nowrap!important}.table-container :deep(.el-table td){padding:5px 12px!important;font-size:12px!important;color:var(--color-text-1)!important;border-bottom:1px solid var(--color-border-1)!important;height:32px!important;line-height:32px!important;text-align:left!important;white-space:nowrap!important}.table-container :deep(.el-table td .cell){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}.table-container :deep(.el-table td .cell *){text-align:left!important;justify-content:flex-start!important}.table-container :deep(.el-table th .cell *){text-align:left!important;justify-content:flex-start!important}.table-container :deep(.el-table .el-tag){text-align:left!important;justify-content:flex-start!important;margin:0!important}.table-container :deep(.el-table .el-switch){margin-left:0!important}.el-table,.el-table th,.el-table th .cell,.el-table td,.el-table td .cell{text-align:left!important}.table-container :deep(.el-table .action-buttons){justify-content:flex-start!important}.table-container :deep(.el-table td .cell){text-align:left!important}.table-container :deep(.el-table th .cell){text-align:left!important}.table-container :deep(.el-table td .cell *){color:var(--color-text-1)!important}.table-container :deep(.el-table th .cell *){color:var(--color-text-2)!important}.table-container :deep(.el-table tr:hover > td){background:var(--color-primary-50)!important}.table-container :deep(.el-table--striped .el-table__body tr.el-table__row--striped td){background:var(--color-fill-1)!important}.table-container :deep(.el-table__body tr.el-table__row--striped:hover > td){background:var(--color-primary-50)!important}.table-container :deep(.el-table .el-button){padding:0 var(--spacing-2);font-size:var(--font-size-2);border-radius:var(--radius-xs);height:auto;line-height:1.4}.pagination{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border-1);background:var(--color-bg-1)}.pagination .el-pagination{--el-pagination-font-size: var(--font-size-2);--el-pagination-button-width: 28px;--el-pagination-button-height: 28px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.stat-card{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-1);transform:translateY(-1px)}.stat-card-value{font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);color:var(--color-text-1);line-height:1.2;margin-bottom:var(--spacing-1)}.stat-card-label{font-size:var(--font-size-2);color:var(--color-text-3)}.welcome-card{background:var(--color-bg-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-1);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;align-items:center;justify-content:space-between}.welcome-text h2{font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);color:var(--color-text-1);margin:0 0 var(--spacing-1) 0}.welcome-text p{font-size:var(--font-size-2);color:var(--color-text-3);margin:0}.welcome-date{font-size:var(--font-size-2);color:var(--color-text-3)}.tag{display:inline-flex;align-items:center;padding:0 var(--spacing-2);height:20px;border-radius:var(--radius-sm);font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:20px;border:1px solid transparent}.tag-success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.tag-warning{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.tag-danger{background:var(--color-danger-50);border-color:var(--color-danger-200);color:var(--color-danger-700)}.tag-primary{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.tag-info{background:var(--color-fill-2);border-color:var(--color-border-2);color:var(--color-text-2)}.link{color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-2);transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-700)}.link-danger{color:var(--color-danger-600);cursor:pointer;font-size:var(--font-size-2);transition:color var(--transition-fast)}.link-danger:hover{color:var(--color-danger-700)}.el-button--primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff!important}.el-button--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff!important}.el-button--text{color:var(--color-primary-600)!important}.el-button--text:hover{color:var(--color-primary-700)!important}.el-button--danger.is-text{color:var(--color-danger-600)!important}.el-button--danger.is-text:hover{color:var(--color-danger-700)!important}.el-button--success.is-text{color:var(--color-success-600)!important}.el-button--success.is-text:hover{color:var(--color-success-700)!important}.el-button--link{color:var(--color-primary-600)!important}.el-button--link:hover{color:var(--color-primary-700)!important}.el-button--primary.is-link{color:var(--color-primary-600)!important}.el-button--primary.is-link:hover{color:var(--color-primary-700)!important}.el-button--danger.is-link{color:var(--color-danger-600)!important}.el-button--danger.is-link:hover{color:var(--color-danger-700)!important}.el-button--success.is-link{color:var(--color-success-600)!important}.el-button--success.is-link:hover{color:var(--color-success-700)!important}.el-button{border-radius:var(--radius-sm);font-size:var(--font-size-2)}.el-input__wrapper,.el-select .el-input__wrapper,.el-date-editor .el-input__wrapper{border-radius:var(--radius-sm)}.el-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-1)}.el-tag{border-radius:var(--radius-sm);font-size:var(--font-size-1);height:20px;line-height:18px;padding:0 var(--spacing-2)}.el-tag--success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.el-tag--warning{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.el-tag--danger{background:var(--color-danger-50);border-color:var(--color-danger-200);color:var(--color-danger-700)}.el-tag--primary{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.el-tag--info{background:var(--color-fill-2);border-color:var(--color-border-2);color:var(--color-text-2)}::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease,height .3s ease}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-track:hover{background:#0000000a}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px;transition:background-color .3s ease,width .3s ease,height .3s ease;min-height:20px;min-width:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}::-webkit-scrollbar-thumb:active{background:#8a9096}::-webkit-scrollbar-corner{background:transparent}:root{scrollbar-width:thin;scrollbar-color:var(--color-border-2) transparent}:root:hover{scrollbar-color:var(--color-border-3) rgba(0,0,0,.04)}.el-scrollbar__wrap::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease,height .3s ease}.el-scrollbar__wrap::-webkit-scrollbar-track{background:transparent;border-radius:4px}.el-scrollbar__wrap::-webkit-scrollbar-track:hover{background:#0000000a}.el-scrollbar__wrap::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px;transition:background-color .3s ease,width .3s ease,height .3s ease;min-height:20px;min-width:20px}.el-scrollbar__wrap::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}.el-scrollbar__wrap::-webkit-scrollbar-thumb:active{background:#8a9096}.el-scrollbar__wrap::-webkit-scrollbar-corner{background:transparent}.el-table__body-wrapper::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease,height .3s ease}.el-table__body-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:4px}.el-table__body-wrapper::-webkit-scrollbar-track:hover{background:#0000000a}.el-table__body-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px;transition:background-color .3s ease;min-height:20px;min-width:20px}.el-table__body-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}.el-table__body-wrapper::-webkit-scrollbar-thumb:active{background:#8a9096}.el-table__body-wrapper::-webkit-scrollbar-corner{background:transparent}.table-wrapper::-webkit-scrollbar{width:6px;height:6px;transition:width .3s ease,height .3s ease}.table-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:4px}.table-wrapper::-webkit-scrollbar-track:hover{background:#0000000a}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:4px;transition:background-color .3s ease;min-height:20px;min-width:20px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}.table-wrapper::-webkit-scrollbar-thumb:active{background:#8a9096}.table-wrapper::-webkit-scrollbar-corner{background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-in-left{animation:slideInLeft .2s ease-out}@media screen and (max-width: 768px){.main-content{padding:var(--spacing-3)}.stat-cards{grid-template-columns:repeat(2,1fr)}.query-bar,.card-body{padding:var(--spacing-3)}}@media screen and (max-width: 480px){.stat-cards{grid-template-columns:1fr}}@media screen and (max-width: 992px){.el-dialog{width:calc(100vw - 32px)!important;margin:16px!important;max-height:calc(100vh - 32px);overflow-y:auto}.el-form{label-width:100px!important}.el-form-item__label{font-size:12px;padding-right:8px}.query-form{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.query-form .el-form-item{flex-shrink:0}.action-buttons{margin-left:0!important;width:100%;display:flex;gap:var(--spacing-2)}.toolbar{flex-direction:column;align-items:flex-start;gap:8px}.toolbar-left,.toolbar-right{width:100%;flex-wrap:wrap}.toolbar-right{justify-content:flex-start}}@media screen and (max-width: 768px){.el-form{label-width:80px!important;label-position:top!important}.el-form-item__label{padding-bottom:4px;font-size:12px}.el-dialog{width:calc(100vw - 24px)!important;margin:12px!important}.query-form{flex-direction:column!important;align-items:stretch!important;gap:var(--spacing-3)}.query-form .el-form-item{width:100%;margin-bottom:0!important}.query-form .el-input,.query-form .el-select,.query-form .el-date-editor,.query-form .el-input__wrapper,.query-form .el-select .el-input__wrapper,.query-form .el-date-editor .el-input__wrapper{width:100%!important}.action-buttons{margin-left:0!important;width:100%;display:flex;gap:var(--spacing-2)}.main-content,.card-body,.card-header{padding:var(--spacing-3)}.pagination{padding:var(--spacing-3);justify-content:center}.table-container :deep(.el-table th),.table-container :deep(.el-table td){padding:4px 8px!important;font-size:11px!important}}@media screen and (max-width: 480px){.el-form{label-width:70px!important}.el-form-item__label{font-size:11px}.el-dialog{width:calc(100vw - 16px)!important;margin:8px!important}.el-card{border-radius:var(--radius-md)}.stat-card{padding:var(--spacing-2) var(--spacing-3)}.stat-card-value{font-size:var(--font-size-5)}.toolbar{gap:6px}.btn{padding:0 var(--spacing-2);font-size:var(--font-size-1)}}:root{--el-menu-bg-color: #ffffff !important;--el-menu-text-color: #1d2129 !important;--el-menu-active-color: #0284c7 !important;--el-menu-hover-text-color: #1d2129 !important;--el-menu-hover-bg-color: #f2f3f5 !important}.el-menu{background-color:#fff!important;border-right:none!important}.el-menu-item{color:#1d2129!important}.el-menu-item:hover{background-color:#f2f3f5!important}.el-menu-item.is-active{background-color:#f0f9ff!important;color:#0284c7!important}.aside,.el-aside{background-color:#fff!important}:root{--touch-target-min: 44px;--input-min-height: 32px;--input-min-height-touch: 44px;--input-min-height-lg: 36px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-base: 14px;--font-sm: 13px;--font-xs: 12px;--font-mobile: 16px;--font-lg: 15px;--label-width: 140px;--label-width-compact: 100px;--label-width-mobile: 80px;--breakpoint-xs: 360px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px}html{font-size:var(--font-base);scroll-behavior:smooth}body{min-height:100vh;background-color:var(--el-bg-color-page)}.el-input__wrapper{min-height:var(--input-min-height);border-radius:6px;transition:all .2s;width:100%!important}.el-input__inner{height:var(--input-min-height);font-size:var(--font-base);line-height:var(--input-min-height);width:100%!important}.el-select .el-input__wrapper{min-height:var(--input-min-height);width:100%!important}.el-date-editor{width:100%!important}.el-date-editor .el-input__wrapper{min-height:var(--input-min-height);width:100%!important}.el-input-number{width:100%!important}.el-input-number .el-input__wrapper{min-height:var(--input-min-height);width:100%!important}.el-textarea .el-textarea__inner{width:100%!important}.el-form-item{margin-bottom:16px}.el-form-item__label{font-size:var(--font-sm);color:var(--color-text-2);font-weight:500;padding-right:12px}.el-form-item__content{flex:1;min-width:0}.el-card{border-radius:8px;box-shadow:0 1px 4px #0000000d}.el-card__body{padding:var(--space-lg)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.table-container .el-table{min-width:100%}.layout-container{padding:var(--space-lg)}@media screen and (max-width: 575px){.layout-container{padding:var(--space-sm)}.el-form-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.el-form-item__label{width:100%!important;text-align:left!important;padding:0!important;font-size:var(--font-xs)}.el-form-item__content{width:100%!important;margin-left:0!important}.el-input__wrapper{min-height:var(--input-min-height-touch)}.el-input__inner{height:var(--input-min-height-touch);font-size:var(--font-mobile);line-height:var(--input-min-height-touch)}.el-select .el-input__wrapper,.el-date-editor .el-input__wrapper,.el-input-number .el-input__wrapper{min-height:var(--input-min-height-touch)}.el-row{flex-direction:column;gap:4px}.el-row .el-col{max-width:100%!important;flex:0 0 100%!important;width:100%!important}.el-card__body{padding:var(--space-sm)}.el-dialog{width:95%!important;max-width:95%!important;margin:10px auto!important;max-height:95vh!important}.el-dialog__body{padding:var(--space-sm)!important;max-height:calc(95vh - 120px);overflow-y:auto}.el-button{min-height:36px;font-size:var(--font-sm);padding:0 14px}.table-container .el-table th,.table-container .el-table td{padding:4px 6px!important;font-size:var(--font-xs)!important}.table-container .el-table .el-button{font-size:var(--font-xs)!important;padding:2px 6px!important;min-height:auto}.el-pagination{flex-wrap:wrap;justify-content:center}.el-pagination .el-pager{margin:8px 0!important}}@media screen and (min-width: 576px) and (max-width: 767px){.layout-container{padding:var(--space-md)}.el-form-item{margin-bottom:14px}.el-form-item__label{font-size:var(--font-xs)}.el-input__wrapper{min-height:var(--input-min-height-lg)}.el-input__inner{height:var(--input-min-height-lg);font-size:var(--font-base);line-height:var(--input-min-height-lg)}.el-card__body{padding:var(--space-md)}.el-dialog{width:90%!important;max-width:90%!important}.el-dialog__body{padding:var(--space-md)!important;max-height:calc(90vh - 120px);overflow-y:auto}.table-container .el-table th,.table-container .el-table td{padding:6px 8px!important;font-size:var(--font-xs)!important}}@media screen and (min-width: 768px) and (max-width: 991px){.layout-container{padding:var(--space-lg)}.el-form-item__label{font-size:var(--font-sm)}.el-card__body{padding:var(--space-lg)}.el-dialog{width:85%!important;max-width:85%!important}}@media screen and (min-width: 992px) and (max-width: 1199px){.layout-container{padding:var(--space-xl)}}@media screen and (min-width: 1200px){.layout-container{padding:var(--space-2xl)}.el-input__wrapper{min-height:var(--input-min-height-lg)}.el-input__inner{height:var(--input-min-height-lg);font-size:var(--font-lg);line-height:var(--input-min-height-lg)}}@media (hover: none) and (pointer: coarse){.el-button,.el-link,.el-checkbox,.el-radio,.el-switch,.el-pagination button,.el-pagination .el-pager li{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.el-button{padding:0 20px}.el-switch{height:var(--touch-target-min)}.el-tag{padding:6px 12px;min-height:32px}.el-pagination .el-pager li{height:var(--touch-target-min);line-height:var(--touch-target-min)}.el-dropdown-menu__item,.el-select-dropdown__item{min-height:var(--touch-target-min);line-height:var(--touch-target-min)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{--el-bg-color-page: #1a1a1a}}