:root{--tc-brand: #10B981;--tc-brand-strong: #059669;--tc-brand-soft: #ECFDF5;--tc-brand-glow: rgba(16, 185, 129, .25);--tc-success: #10B981;--tc-success-bg: #ECFDF5;--tc-warning: #F59E0B;--tc-warning-bg: #FFFBEB;--tc-danger: #EF4444;--tc-danger-bg: #FEF2F2;--tc-info: #3B82F6;--tc-info-bg: #EFF6FF;--tc-default: #6B7280;--tc-default-bg: #F9FAFB;--tc-bg-page: #F1F5F9;--tc-bg-panel: #FFFFFF;--tc-bg-sidebar: #0F172A;--tc-bg-sidebar-hover: rgba(148, 163, 184, .08);--tc-bg-sidebar-active: rgba(16, 185, 129, .12);--tc-text-strong: #0F172A;--tc-text: #334155;--tc-text-secondary: #64748B;--tc-text-weak: #94A3B8;--tc-border: #E2E8F0;--tc-border-strong: #CBD5E1;--tc-divider: rgba(15, 23, 42, .06);--tc-radius-sm: 8px;--tc-radius: 12px;--tc-radius-lg: 16px;--tc-radius-xl: 20px;--tc-shadow-1: 0 1px 2px rgba(15, 23, 42, .04);--tc-shadow-2: 0 2px 8px rgba(15, 23, 42, .06);--tc-shadow-3: 0 6px 20px rgba(15, 23, 42, .08);--tc-shadow-4: 0 12px 32px rgba(15, 23, 42, .12);--tc-shadow-brand: 0 4px 14px rgba(16, 185, 129, .25);--tc-ease: cubic-bezier(.16, 1, .3, 1);--tc-fast: .15s;--tc-base: .25s;--tc-slow: .35s;--tc-space-1: 4px;--tc-space-2: 8px;--tc-space-3: 12px;--tc-space-4: 16px;--tc-space-5: 20px;--tc-space-6: 24px;--tc-space-8: 32px;--tc-space-10: 40px;--tc-font-family: "Plus Jakarta Sans", "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--tc-font-display: "Bahnschrift", "DIN Alternate", "Avenir Next Condensed", var(--tc-font-family);--el-color-primary: #10B981;--el-color-primary-light-3: #34D399;--el-color-primary-light-5: #6EE7B7;--el-color-primary-light-7: #A7F3D0;--el-color-primary-light-8: #C6F6E3;--el-color-primary-light-9: #E7F9F1;--el-color-primary-dark-2: #059669;--el-color-success: #10B981;--el-color-success-light-3: #34D399;--el-color-success-light-5: #6EE7B7;--el-color-success-light-7: #A7F3D0;--el-color-success-light-8: #C6F6E3;--el-color-success-light-9: #ECFDF5;--el-color-success-dark-2: #059669;--el-color-warning: #F59E0B;--el-color-warning-light-3: #FBBF24;--el-color-warning-light-5: #FCD34D;--el-color-warning-light-7: #FDE68A;--el-color-warning-light-8: #FEF3C7;--el-color-warning-light-9: #FFFBEB;--el-color-warning-dark-2: #D97706;--el-color-danger: #EF4444;--el-color-danger-light-3: #F87171;--el-color-danger-light-5: #FCA5A5;--el-color-danger-light-7: #FECACA;--el-color-danger-light-8: #FEE2E2;--el-color-danger-light-9: #FEF2F2;--el-color-danger-dark-2: #DC2626;--el-color-info: #3B82F6;--el-color-info-light-3: #60A5FA;--el-color-info-light-5: #93C5FD;--el-color-info-light-7: #BFDBFE;--el-color-info-light-8: #DBEAFE;--el-color-info-light-9: #EFF6FF;--el-color-info-dark-2: #2563EB;--el-bg-color: #FFFFFF;--el-bg-color-page: #F1F5F9;--el-bg-color-overlay: #FFFFFF;--el-fill-color-blank: #FFFFFF;--el-fill-color-light: #F8FAFC;--el-fill-color: #F1F5F9;--el-text-color-primary: #0F172A;--el-text-color-regular: #334155;--el-text-color-secondary: #64748B;--el-text-color-placeholder: #94A3B8;--el-text-color-disabled: #94A3B8;--el-border-color: #E2E8F0;--el-border-color-light: #E8EDF3;--el-border-color-lighter: #EEF2F7;--el-border-color-extra-light: #F3F6FA;--el-border-color-hover: #CBD5E1;--el-border-color-dark: #CBD5E1;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-border-radius-round: 999px;--el-font-family: var(--tc-font-family);--el-font-size-base: 14px;--el-font-size-small: 13px;--el-box-shadow: var(--tc-shadow-3);--el-box-shadow-light: var(--tc-shadow-2);--el-box-shadow-lighter: var(--tc-shadow-1);--el-box-shadow-dark: var(--tc-shadow-4);--el-card-border-radius: 12px;--el-card-padding: 20px;--el-dialog-border-radius: 16px}*{box-sizing:border-box}html,body,#app{height:100%}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--tc-bg-page);color:var(--tc-text);font-family:var(--tc-font-family);font-size:14px;line-height:1.6}.num,.amount,[class*=stat] .el-statistic__number,.el-table .cell,td.num{font-family:var(--tc-font-display),var(--tc-font-family);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--tc-brand);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.page-container{width:100%;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tc-space-4);margin-bottom:var(--tc-space-5)}.page-header__titles{min-width:0}.page-header__title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--tc-text-strong)}.page-header__desc{margin:6px 0 0;font-size:13px;color:var(--tc-text-secondary)}.page-header__actions{display:flex;align-items:center;gap:var(--tc-space-3);flex-shrink:0}.panel-card.el-card{border:1px solid var(--tc-border);border-radius:var(--tc-radius-lg);box-shadow:var(--tc-shadow-1);transition:box-shadow var(--tc-base) var(--tc-ease),transform var(--tc-base) var(--tc-ease)}.panel-card .el-card__header{padding:16px 20px;border-bottom:1px solid var(--tc-divider);font-size:15px;font-weight:600;color:var(--tc-text-strong);display:flex;align-items:center;justify-content:space-between;gap:var(--tc-space-3)}.panel-card .el-card__body{padding:20px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--tc-space-4);margin-bottom:var(--tc-space-4);flex-wrap:wrap}.table-toolbar__filters{display:flex;align-items:center;gap:var(--tc-space-3);flex-wrap:wrap}.pagination-wrap{display:flex;align-items:center;justify-content:flex-end;gap:var(--tc-space-4);margin-top:var(--tc-space-4);padding-top:var(--tc-space-4);border-top:1px solid var(--tc-divider)}.pagination-wrap .el-pagination__total{color:var(--tc-text-secondary)}.el-card{border-color:var(--tc-border);box-shadow:var(--tc-shadow-1)}.el-button{transition:all var(--tc-fast) var(--tc-ease)}.el-button:not(.is-disabled):active{transform:scale(.98)}.el-button--primary:not(.is-disabled):hover{transform:translateY(-1px);box-shadow:var(--tc-shadow-brand)}.el-button--primary:not(.is-disabled):active{transform:scale(.98);box-shadow:none}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{transition:box-shadow var(--tc-fast) var(--tc-ease),border-color var(--tc-fast) var(--tc-ease)}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{box-shadow:0 0 0 3px #10b98133,inset 0 0 0 1px var(--tc-brand)!important}.el-table{--el-table-border-color: var(--tc-divider);--el-table-header-bg-color: #F8FAFC;--el-table-row-hover-bg-color: #F0FDF7;--el-table-header-text-color: var(--tc-text-secondary);font-size:13.5px}.el-table th.el-table__cell{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--tc-text-secondary);text-transform:none;background:#f8fafc}.el-table .el-table__cell{padding:11px 0}.el-table .cell{line-height:1.5}.el-tag{--el-tag-border-radius: 6px;font-weight:500;border-radius:6px;border:none}.el-tag--success{background:var(--tc-success-bg);color:var(--tc-success)}.el-tag--warning{background:var(--tc-warning-bg);color:#b45309}.el-tag--danger{background:var(--tc-danger-bg);color:var(--tc-danger)}.el-tag--info{background:var(--tc-info-bg);color:#1d4ed8}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc-default);box-shadow:0 0 0 3px var(--tc-default-bg)}.status-dot.is-online:before{background:var(--tc-success);box-shadow:0 0 0 3px var(--tc-success-bg)}.status-dot.is-offline:before{background:var(--tc-danger);box-shadow:0 0 0 3px var(--tc-danger-bg)}.status-dot.is-warn:before{background:var(--tc-warning);box-shadow:0 0 0 3px var(--tc-warning-bg)}.el-pagination{--el-pagination-button-bg-color: #FFFFFF;--el-pagination-hover-color: var(--tc-brand);font-weight:500}.el-pagination .el-pager li{border-radius:8px;transition:all var(--tc-fast) var(--tc-ease)}.el-pagination .el-pager li.is-active{background:var(--tc-brand);color:#fff;box-shadow:var(--tc-shadow-brand)}.el-dialog{border-radius:var(--tc-radius-xl);box-shadow:var(--tc-shadow-4)}.el-dialog__header{padding:20px 24px 12px;font-weight:600}.el-dialog__body,.el-dialog__footer{padding:12px 24px 20px}.el-descriptions{--el-descriptions-item-bordered-label-background: #F8FAFC}.el-descriptions__label{font-weight:500;color:var(--tc-text-secondary)}.el-empty__description p{color:var(--tc-text-secondary)}.el-page-header__content{font-weight:600;color:var(--tc-text-strong)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity var(--tc-base) var(--tc-ease),transform var(--tc-base) var(--tc-ease)}.fade-slide-enter-from{opacity:0;transform:translateY(8px)}.fade-slide-leave-to{opacity:0;transform:translateY(-4px)}.el-skeleton__item{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);background-size:400% 100%;animation:tc-skeleton-loading 1.4s ease infinite}@keyframes tc-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}