:root{--tp-primary: #FF5A1F;--tp-primary-light: #FF7A45;--tp-primary-dark: #F24A10;--tp-primary-lighter: #FFF1EA;--tp-accent: #FFB020;--tp-accent-light: #FFCA5C;--tp-accent-lighter: #FFF4DD;--tp-bg: #f5f7fa;--tp-bg-deep: #eef1f6;--tp-surface: #ffffff;--tp-surface-2: #fafbfc;--tp-border: #e4e8ef;--tp-border-strong: #d3d8e1;--tp-text: #1c2535;--tp-text-secondary: #5a657d;--tp-text-muted: #99a2b6;--tp-success: #2a9d6f;--tp-success-light: #e5f5ec;--tp-warning: #e89115;--tp-warning-light: #fff4e0;--tp-danger: #d9453f;--tp-danger-light: #fce8e7;--tp-info: #5b8def;--tp-info-light: #e7effd;--tp-sidebar-width: 224px;--tp-sidebar-collapsed: 60px;--tp-navbar-height: 52px;--tp-tabs-height: 38px;--tp-page-padding: 20px;--tp-page-max-width: 1440px;--tp-radius-sm: 6px;--tp-radius: 8px;--tp-radius-lg: 12px;--tp-shadow-sm: 0 1px 2px rgba(255, 90, 31, .04);--tp-shadow-md: 0 2px 8px rgba(255, 90, 31, .06);--tp-shadow-lg: 0 8px 24px rgba(255, 90, 31, .1);--tp-ease: cubic-bezier(.4, 0, .2, 1);--tp-duration-fast: .12s;--tp-duration: .2s;--tp-duration-slow: .32s;--tp-text-xs: 12px;--tp-text-sm: 13px;--tp-text-base: 14px;--tp-text-md: 15px;--tp-text-lg: 16px;--tp-text-xl: 18px;--tp-text-2xl: 22px;--tp-text-3xl: 28px;--tp-text-display: 40px;--tp-leading-tight: 1.25;--tp-leading-snug: 1.4;--tp-leading: 1.6;--tp-leading-relaxed: 1.75;--tp-space-1: 4px;--tp-space-2: 8px;--tp-space-3: 12px;--tp-space-4: 16px;--tp-space-5: 20px;--tp-space-6: 24px;--tp-space-7: 32px;--tp-space-8: 40px;--tp-space-9: 48px;--tp-space-10: 64px;--tp-z-dropdown: 100;--tp-z-sticky: 200;--tp-z-drawer: 1000;--tp-z-modal: 1050;--tp-z-toast: 2000;--el-color-primary: var(--tp-primary);--el-color-primary-light-3: var(--tp-primary-light);--el-color-primary-light-5: #FF9A6D;--el-color-primary-light-7: #FFBC9E;--el-color-primary-light-8: #FFD0BC;--el-color-primary-light-9: #FFE8DE;--el-color-primary-dark-2: var(--tp-primary-dark);--el-menu-active-color: var(--tp-primary);--el-menu-active-bg-color: var(--tp-primary-lighter);--el-menu-hover-bg-color: color-mix(in srgb, var(--tp-primary) 8%, var(--tp-surface));--el-border-radius-base: 6px;--el-border-radius-small: 4px;--el-font-family: inherit;--el-text-color-primary: var(--tp-text);--el-text-color-regular: var(--tp-text-secondary);--el-border-color: var(--tp-border);--el-border-color-light: var(--tp-border);--el-border-color-lighter: var(--tp-border);--el-fill-color-light: var(--tp-bg-deep);--el-fill-color-lighter: var(--tp-bg-deep)}html.dark{--tp-bg: #131722;--tp-bg-deep: #0f131c;--tp-surface: #1b2130;--tp-border: #2a3247;--tp-text: #e8ebf3;--tp-text-secondary: #9aa4bc;--tp-text-muted: #5d6880;--tp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--tp-shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--tp-shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--el-text-color-primary: var(--tp-text);--el-text-color-regular: var(--tp-text-secondary);--el-border-color: var(--tp-border);--el-border-color-light: var(--tp-border);--el-border-color-lighter: var(--tp-border);--el-fill-color-light: var(--tp-bg-deep);--el-fill-color-lighter: var(--tp-bg-deep);--el-bg-color: var(--tp-surface);--el-bg-color-overlay: var(--tp-surface)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--tp-bg);color:var(--tp-text);font-size:var(--tp-text-base);line-height:var(--tp-leading);transition:background-color var(--tp-duration) ease,color var(--tp-duration) ease}.tp-display{font-size:var(--tp-text-display);font-weight:600;line-height:var(--tp-leading-tight);letter-spacing:-.5px}h1,.tp-h1{font-size:var(--tp-text-3xl);font-weight:600;line-height:var(--tp-leading-tight);color:var(--tp-text)}h2,.tp-h2{font-size:var(--tp-text-2xl);font-weight:600;line-height:var(--tp-leading-snug);color:var(--tp-text)}h3,.tp-h3{font-size:var(--tp-text-xl);font-weight:600;line-height:var(--tp-leading-snug);color:var(--tp-text)}h4,.tp-h4{font-size:var(--tp-text-lg);font-weight:600;line-height:var(--tp-leading-snug);color:var(--tp-text)}h5,.tp-h5{font-size:var(--tp-text-md);font-weight:600;color:var(--tp-text)}.tp-text-xs{font-size:var(--tp-text-xs);color:var(--tp-text-muted)}.tp-text-sm{font-size:var(--tp-text-sm);color:var(--tp-text-secondary)}.tp-text-secondary{color:var(--tp-text-secondary)}.tp-text-muted{color:var(--tp-text-muted)}.tp-text-primary{color:var(--tp-primary)}.tp-text-accent{color:var(--tp-accent)}.tp-text-success{color:var(--tp-success)}.tp-text-danger{color:var(--tp-danger)}a{color:var(--tp-primary);text-decoration:none;transition:color var(--tp-duration-fast) ease}a:hover{color:var(--tp-primary-light)}::selection{background:color-mix(in srgb,var(--tp-primary) 22%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--tp-primary) 50%,transparent);outline-offset:2px;border-radius:var(--tp-radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--tp-border);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--tp-text-muted)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent}.el-button{border-radius:var(--tp-radius-sm);transition:background-color var(--tp-duration-fast) var(--tp-ease),border-color var(--tp-duration-fast) var(--tp-ease),color var(--tp-duration-fast) var(--tp-ease),transform var(--tp-duration-fast) var(--tp-ease)}.el-button:not(.is-disabled):active{transform:scale(.97)}.el-button--primary{--el-button-hover-bg-color: var(--tp-primary-light);--el-button-hover-border-color: var(--tp-primary-light);--el-button-active-bg-color: var(--tp-primary-dark);--el-button-active-border-color: var(--tp-primary-dark)}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:var(--tp-radius-sm);transition:box-shadow var(--tp-duration-fast) var(--tp-ease),background-color var(--tp-duration-fast) var(--tp-ease)}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--tp-primary) inset}.el-table{--el-table-header-bg-color: var(--tp-surface-2);--el-table-header-text-color: var(--tp-text-secondary);--el-table-header-font-weight: 500;--el-table-border-color: var(--tp-border);border-radius:var(--tp-radius);overflow:hidden}.el-table__row{transition:background-color var(--tp-duration-fast) var(--tp-ease)}.el-card{border-radius:var(--tp-radius)}.el-dialog{border-radius:var(--tp-radius-lg)}.el-drawer{--el-drawer-padding-primary: var(--tp-space-5)}.el-tag{border-radius:var(--tp-radius-sm)}.el-menu-item,.el-sub-menu__title{transition:background-color var(--tp-duration-fast) var(--tp-ease),color var(--tp-duration-fast) var(--tp-ease)}.el-message{border-radius:var(--tp-radius)}.tp-card{background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius);box-shadow:var(--tp-shadow-sm);transition:background-color var(--tp-duration) ease,box-shadow var(--tp-duration) var(--tp-ease),border-color var(--tp-duration) ease}.tp-card-hover:hover{box-shadow:var(--tp-shadow-md);border-color:color-mix(in srgb,var(--tp-primary) 30%,var(--tp-border))}.tp-page{padding:var(--tp-page-padding);display:flex;flex-direction:column;gap:var(--tp-space-3);min-height:100%}.tp-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tp-space-4);flex-wrap:wrap;margin-bottom:var(--tp-space-1)}.tp-page-title{font-size:var(--tp-text-lg);font-weight:600;color:var(--tp-text);display:flex;align-items:center;gap:var(--tp-space-2)}.tp-page-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--tp-accent);display:inline-block}.tp-page-desc{margin-top:4px;font-size:12.5px;color:var(--tp-text-secondary)}.tp-logo{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;overflow:hidden;white-space:nowrap;flex-shrink:0;border-bottom:1px solid var(--tp-border)}.tp-logo-mark{width:32px;height:32px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,var(--tp-primary) 0%,var(--tp-primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff5a1f59}.tp-logo-mark svg{width:18px;height:18px}.tp-logo-text{font-size:17px;font-weight:700;letter-spacing:.5px;color:var(--tp-text)}.tp-logo-text span{color:var(--tp-accent)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .22s var(--tp-ease),transform .22s var(--tp-ease)}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.el-table{--el-table-header-bg-color: var(--tp-bg-deep);--el-table-row-hover-bg-color: color-mix(in srgb, var(--tp-primary) 5%, var(--tp-surface));--el-table-border-color: var(--tp-border);--el-table-header-text-color: var(--tp-text-secondary);font-size:13px;border-radius:8px}.el-table th.el-table__cell{font-weight:600;height:46px}.el-table .el-table__cell{padding:10px 0}.el-card,.el-dialog,.el-drawer{border-radius:var(--tp-radius)!important}.el-dialog{box-shadow:var(--tp-shadow-lg)!important}.el-button{font-weight:500}.el-button--primary{box-shadow:0 2px 6px color-mix(in srgb,var(--tp-primary) 30%,transparent)}.el-message{border-radius:8px;box-shadow:var(--tp-shadow-md)}.el-dropdown-menu,.el-popper{border-radius:8px}.el-popper.is-light{border-color:var(--tp-border)}.el-pagination{--el-pagination-font-size: 13px}.el-form-item__label{color:var(--tp-text-secondary);font-weight:500}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset!important}.el-tag{border-radius:5px}.el-drawer__header{margin-bottom:0;padding-bottom:14px;border-bottom:1px solid var(--tp-border);color:var(--tp-text);font-weight:600}.el-drawer__body{padding-top:14px}@media(max-width:992px){:root{--tp-page-padding: 14px}.tp-content>*{padding:14px}}@media(max-width:768px){:root{--tp-sidebar-width: var(--tp-sidebar-collapsed)}.tp-sidebar{width:var(--tp-sidebar-collapsed)}.tp-sidebar .tp-logo-text{display:none!important}.tp-sidebar .tp-logo{justify-content:center;padding:0}.tp-sidebar-footer{font-size:10px}.tp-navbar{padding:0 8px}.user-meta,.caret{display:none!important}.user-box{padding:2px 4px}.tp-content>*{padding:12px}.tv-body{grid-template-columns:1fr!important}.tv-col{min-height:240px}.tv-kpis{grid-template-columns:repeat(3,1fr)!important}.tv-metrics{grid-template-columns:repeat(2,1fr)!important}.sess-wrap{flex-direction:column!important}.sess-list{width:100%!important;max-height:300px!important}}@media(max-width:480px){.el-col-xs-12{max-width:50%}.tp-content .el-card__header,.tp-content .el-card__body{padding:12px 14px}}.tp-content .tv-page{max-width:none;margin:0;padding:14px;height:100%}