:root{--color-primary: #4080ff;--color-primary-hover: #5a94ff;--color-primary-light: #f0f5ff;--color-success: #34c759;--color-success-light: #f0fff4;--color-warning: #ff9500;--color-warning-light: #fffbf0;--color-danger: #ff3b30;--color-danger-light: #fff2f0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #ffffff;--bg-page: #f5f5f5;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-stripe: #fafafa;--bg-table-header: #fafafa;--bg-table-hover: #f5f7fa;--border-default: #e5e5e5;--border-strong: #d9d9d9;--border-light: #f0f0f0;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--radius-sm: 2px;--radius-base: 4px;--radius-lg: 8px;--shadow-card: 0 1px 2px rgba(0,0,0,.06);--shadow-dropdown: 0 4px 12px rgba(0,0,0,.1);--shadow-modal: 0 4px 12px rgba(0,0,0,.1);--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height: 1.5;--sidebar-width: 200px;--header-height: 52px;--btn-height: 32px;--input-height: 32px;--table-header-height: 44px;--table-row-height: 48px;--menu-item-height: 40px;--transition-fast: .15s ease;--transition-base: .2s ease;--mask-bg: rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);line-height:var(--line-height);background:var(--bg-page);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}.el-button{height:var(--btn-height);border-radius:var(--radius-base);font-size:var(--font-size-base)}.el-button--primary{background:var(--color-primary);border-color:var(--color-primary)}.el-button--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.el-button--danger{color:var(--color-danger);border-color:var(--color-danger);background:var(--bg-card)}.el-button--danger:hover{color:var(--text-white);background:var(--color-danger);border-color:var(--color-danger)}.el-button--default{border-color:var(--border-strong);color:var(--text-secondary)}.el-button--default:hover{color:var(--color-primary);border-color:var(--color-primary)}.el-input__wrapper{height:var(--input-height);border-radius:var(--radius-base);box-shadow:0 0 0 1px var(--border-strong) inset}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--border-strong) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-table{font-size:var(--font-size-base);color:var(--text-primary)}.el-table th.el-table__cell{background:var(--bg-table-header);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:var(--table-header-height)}.el-table td.el-table__cell{height:var(--table-row-height)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--bg-stripe)}.el-table__body tr:hover>td.el-table__cell{background:var(--bg-table-hover)!important}.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{display:none}.el-table td.el-table__cell,.el-table th.el-table__cell{border-bottom:1px solid var(--border-light);border-right:none}.el-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.el-dialog__header{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-light)}.el-dialog__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.el-dialog__body{padding:var(--space-lg)}.el-dialog__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-light)}.el-drawer{box-shadow:var(--shadow-modal)}.el-drawer__header{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-light);margin-bottom:0}.el-drawer__body{padding:var(--space-lg)}.el-form-item__label{color:var(--text-secondary);font-size:var(--font-size-base)}.el-form-item{margin-bottom:var(--space-base)}.el-pagination{padding:var(--space-base) 0}.el-pagination .el-pager li.is-active{background:var(--color-primary);color:var(--text-white);border-radius:var(--radius-base)}.el-tag{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 8px}.el-tag--success{background:var(--color-success-light);color:var(--color-success);border-color:transparent}.el-tag--warning{background:var(--color-warning-light);color:var(--color-warning);border-color:transparent}.el-tag--danger{background:var(--color-danger-light);color:var(--color-danger);border-color:transparent}.el-tag--info{background:var(--bg-stripe);color:var(--text-secondary);border-color:transparent}.el-menu{border-right:none}.el-breadcrumb__item .el-breadcrumb__inner{color:var(--text-tertiary);font-size:var(--font-size-sm)}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary);font-weight:var(--font-weight-medium)}.el-select .el-input__wrapper,.el-date-editor.el-input__wrapper{height:var(--input-height)}.el-overlay{background:var(--mask-bg)}.page-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-base)}.filter-bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding-bottom:var(--space-base);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-base)}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.table-action{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);background:none;border:none;padding:0}.table-action:hover{color:var(--color-primary-hover)}.table-action+.table-action{margin-left:var(--space-base)}.table-action--danger{color:var(--color-danger)}.table-action--danger:hover{color:#e6352b}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-base);margin-bottom:var(--space-lg)}@media (max-width: 768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.status-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-sm)}.timeout-warning{border-left:3px solid var(--color-danger)}.empty-state{text-align:center;padding:48px 0;color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.app-layout{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-default);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-base);border-bottom:1px solid var(--border-light)}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sidebar-menu{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.sidebar-menu .el-menu{background:transparent}.sidebar-menu .el-menu-item{height:var(--menu-item-height);line-height:var(--menu-item-height);padding-left:var(--space-base)!important;margin:2px var(--space-sm);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--text-secondary)}.sidebar-menu .el-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-menu .el-menu-item.is-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium);position:relative}.sidebar-menu .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-primary);border-radius:0 2px 2px 0}.sidebar-group-title{padding:var(--space-lg) var(--space-base) var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.sidebar-user{padding:var(--space-md) var(--space-base);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-sm)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-header{height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);flex-shrink:0}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:var(--space-md)}.header-time{font-size:var(--font-size-sm);color:var(--text-tertiary)}.app-content{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--bg-page)}@media (max-width: 768px){.app-sidebar{position:fixed;left:-var(--sidebar-width);top:0;bottom:0;z-index:1000;transition:left var(--transition-base)}.app-sidebar.is-open{left:0}.sidebar-overlay{position:fixed;inset:0;background:var(--mask-bg);z-index:999;display:none}.sidebar-overlay.is-visible{display:block}.app-content{padding:var(--space-base)}.mobile-menu-btn{display:flex}}@media (min-width: 769px){.mobile-menu-btn{display:none}.sidebar-overlay{display:none!important}}