:root{--saas-primary: #2563eb;--saas-primary-hover: #3b82f6;--saas-primary-light: #dbeafe;--saas-primary-lighter: #93c5fd;--saas-primary-dark: #1d4ed8;--saas-primary-bg: #eff6ff;--saas-success: #16a34a;--saas-success-light: #22c55e;--saas-success-lighter: #86efac;--saas-success-bg: #f0fdf4;--saas-warning: #d97706;--saas-warning-light: #f59e0b;--saas-warning-lighter: #fcd34d;--saas-warning-bg: #fffbeb;--saas-danger: #dc2626;--saas-danger-light: #ef4444;--saas-danger-lighter: #fca5a5;--saas-danger-bg: #fef2f2;--saas-info: #6b7280;--saas-info-light: #9ca3af;--saas-info-bg: #f9fafb;--saas-bg-page: #f8fafc;--saas-bg-container: #ffffff;--saas-bg-elevated: #ffffff;--saas-bg-hover: #f1f5f9;--saas-bg-active: #e2e8f0;--saas-border-base: #e2e8f0;--saas-border-light: #f1f5f9;--saas-border-dark: #cbd5e1;--saas-text-primary: #1e293b;--saas-text-regular: #475569;--saas-text-secondary: #64748b;--saas-text-placeholder: #94a3b8;--saas-text-disabled: #cbd5e1;--saas-spacing-xs: 4px;--saas-spacing-sm: 8px;--saas-spacing-md: 16px;--saas-spacing-lg: 24px;--saas-spacing-xl: 32px;--saas-spacing-2xl: 48px;--saas-header-height: 56px;--saas-sidebar-width: 220px;--saas-sidebar-collapsed-width: 64px;--saas-content-max-width: 1600px;--saas-radius-sm: 4px;--saas-radius-md: 6px;--saas-radius-lg: 8px;--saas-radius-xl: 12px;--saas-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--saas-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--saas-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--saas-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--saas-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--saas-shadow-focus: 0 0 0 3px rgba(37, 99, 235, .15);--saas-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--saas-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--saas-font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", "Courier New", monospace;--saas-font-size-xs: 12px;--saas-font-size-sm: 13px;--saas-font-size-base: 14px;--saas-font-size-md: 15px;--saas-font-size-lg: 16px;--saas-font-size-xl: 18px;--saas-font-size-2xl: 20px;--saas-font-size-3xl: 24px;--saas-line-height-tight: 1.25;--saas-line-height-normal: 1.5;--saas-line-height-relaxed: 1.75;--saas-font-weight-normal: 400;--saas-font-weight-medium: 500;--saas-font-weight-semibold: 600;--saas-font-weight-bold: 700;--saas-transition-fast: .15s ease;--saas-transition-base: .2s ease;--saas-transition-slow: .3s ease;--saas-z-dropdown: 1000;--saas-z-sticky: 1100;--saas-z-fixed: 1200;--saas-z-modal-backdrop: 1300;--saas-z-modal: 1400;--saas-z-popover: 1500;--saas-z-tooltip: 1600}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--saas-font-family);font-size:var(--saas-font-size-base);line-height:var(--saas-line-height-normal);color:var(--saas-text-primary);background-color:var(--saas-bg-page)}.el-card{--el-card-border-color: var(--saas-border-base);--el-card-border-radius: var(--saas-radius-lg);--el-card-padding: var(--saas-spacing-lg);border:1px solid var(--saas-border-base);box-shadow:var(--saas-shadow-xs);transition:box-shadow var(--saas-transition-base),border-color var(--saas-transition-base)}.el-card:hover{box-shadow:var(--saas-shadow-sm)}.el-card__header{padding:var(--saas-spacing-md) var(--saas-spacing-lg);border-bottom:1px solid var(--saas-border-light);font-weight:var(--saas-font-weight-semibold);color:var(--saas-text-primary)}.el-card__body{padding:var(--saas-spacing-lg)}.el-table{--el-table-border-color: var(--saas-border-base);--el-table-header-bg-color: var(--saas-bg-page);--el-table-header-text-color: var(--saas-text-regular);--el-table-row-hover-bg-color: var(--saas-bg-hover);--el-table-text-color: var(--saas-text-primary);font-size:var(--saas-font-size-sm)}.el-table th.el-table__cell{font-weight:var(--saas-font-weight-medium);background-color:var(--saas-bg-page)!important;color:var(--saas-text-secondary);text-transform:uppercase;font-size:var(--saas-font-size-xs);letter-spacing:.02em}.el-table td.el-table__cell{border-bottom:1px solid var(--saas-border-light)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--saas-bg-page)}.el-button{--el-button-font-weight: var(--saas-font-weight-medium);border-radius:var(--saas-radius-md);transition:all var(--saas-transition-fast)}.el-button:focus{box-shadow:var(--saas-shadow-focus)}.el-button--primary{--el-button-bg-color: var(--saas-primary);--el-button-border-color: var(--saas-primary);--el-button-text-color: #ffffff;--el-button-hover-bg-color: var(--saas-primary-hover);--el-button-hover-border-color: var(--saas-primary-hover);--el-button-hover-text-color: #ffffff;--el-button-active-bg-color: var(--saas-primary-dark);--el-button-active-border-color: var(--saas-primary-dark);--el-button-active-text-color: #ffffff}.el-button--success{--el-button-bg-color: var(--saas-success);--el-button-border-color: var(--saas-success);--el-button-hover-bg-color: var(--saas-success-light);--el-button-hover-border-color: var(--saas-success-light)}.el-button--warning{--el-button-bg-color: var(--saas-warning);--el-button-border-color: var(--saas-warning);--el-button-hover-bg-color: var(--saas-warning-light);--el-button-hover-border-color: var(--saas-warning-light)}.el-button--danger{--el-button-bg-color: var(--saas-danger);--el-button-border-color: var(--saas-danger);--el-button-hover-bg-color: var(--saas-danger-light);--el-button-hover-border-color: var(--saas-danger-light)}.el-button--info{--el-button-bg-color: var(--saas-info);--el-button-border-color: var(--saas-info)}.el-input__wrapper{border-radius:var(--saas-radius-md);box-shadow:0 0 0 1px var(--saas-border-base) inset;transition:box-shadow var(--saas-transition-fast)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--saas-border-dark) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--saas-primary) inset,var(--saas-shadow-focus)}.el-select__wrapper{border-radius:var(--saas-radius-md)}.el-tag{--el-tag-border-radius: var(--saas-radius-sm);font-weight:var(--saas-font-weight-medium);border:none}.el-tag--success{--el-tag-bg-color: var(--saas-success-bg);--el-tag-text-color: var(--saas-success)}.el-tag--warning{--el-tag-bg-color: var(--saas-warning-bg);--el-tag-text-color: var(--saas-warning)}.el-tag--danger{--el-tag-bg-color: var(--saas-danger-bg);--el-tag-text-color: var(--saas-danger)}.el-tag--info{--el-tag-bg-color: var(--saas-info-bg);--el-tag-text-color: var(--saas-info)}.el-pagination{--el-pagination-button-bg-color: var(--saas-bg-container);--el-pagination-button-color: var(--saas-text-regular);--el-pagination-hover-color: var(--saas-primary)}.el-pagination .el-pager li{border-radius:var(--saas-radius-sm);font-weight:var(--saas-font-weight-medium)}.el-pagination .el-pager li.is-active{background-color:var(--saas-primary);color:#fff!important}.el-pagination .el-pager li:not(.is-active):hover{color:var(--saas-primary)}.el-dialog{--el-dialog-border-radius: var(--saas-radius-xl);--el-dialog-padding-primary: var(--saas-spacing-lg);box-shadow:var(--saas-shadow-xl)}.el-dialog__header{padding:var(--saas-spacing-lg);border-bottom:1px solid var(--saas-border-light)}.el-dialog__title{font-weight:var(--saas-font-weight-semibold);font-size:var(--saas-font-size-lg);color:var(--saas-text-primary)}.el-dialog__body{padding:var(--saas-spacing-lg)}.el-dialog__footer{padding:var(--saas-spacing-md) var(--saas-spacing-lg);border-top:1px solid var(--saas-border-light)}.el-form-item__label{font-weight:var(--saas-font-weight-medium);color:var(--saas-text-regular)}.el-menu{--el-menu-bg-color: var(--saas-bg-container);--el-menu-text-color: var(--saas-text-regular);--el-menu-active-color: var(--saas-primary);--el-menu-hover-bg-color: var(--saas-bg-hover);border:none!important}.el-menu-item{border-radius:var(--saas-radius-md);margin:4px 8px;transition:all var(--saas-transition-fast)}.el-menu-item:hover{background-color:var(--saas-bg-hover)!important}.el-menu-item.is-active{background-color:var(--saas-primary-bg)!important;color:var(--saas-primary)!important;font-weight:var(--saas-font-weight-medium)}.el-tabs__item{font-weight:var(--saas-font-weight-medium);color:var(--saas-text-secondary);transition:color var(--saas-transition-fast)}.el-tabs__item:hover{color:var(--saas-primary)}.el-tabs__item.is-active{color:var(--saas-primary);font-weight:var(--saas-font-weight-semibold)}.el-tabs__active-bar{background-color:var(--saas-primary);height:3px;border-radius:2px}.el-dropdown-menu{border:1px solid var(--saas-border-base);border-radius:var(--saas-radius-lg);box-shadow:var(--saas-shadow-lg);padding:var(--saas-spacing-xs)}.el-dropdown-menu__item{border-radius:var(--saas-radius-sm);padding:var(--saas-spacing-sm) var(--saas-spacing-md);transition:background-color var(--saas-transition-fast)}.el-dropdown-menu__item:hover{background-color:var(--saas-bg-hover)}.el-descriptions{--el-descriptions-item-bordered-label-background: var(--saas-bg-page)}.el-descriptions__label{font-weight:var(--saas-font-weight-medium);color:var(--saas-text-secondary)}.el-progress-bar__outer{border-radius:var(--saas-radius-sm);background-color:var(--saas-bg-hover)}.el-progress-bar__inner{border-radius:var(--saas-radius-sm)}.el-alert{border-radius:var(--saas-radius-lg)}.mt-0{margin-top:0}.mt-1{margin-top:var(--saas-spacing-xs)}.mt-2{margin-top:var(--saas-spacing-sm)}.mt-3{margin-top:var(--saas-spacing-md)}.mt-4{margin-top:var(--saas-spacing-lg)}.mt-5{margin-top:var(--saas-spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--saas-spacing-xs)}.mb-2{margin-bottom:var(--saas-spacing-sm)}.mb-3{margin-bottom:var(--saas-spacing-md)}.mb-4{margin-bottom:var(--saas-spacing-lg)}.mb-5{margin-bottom:var(--saas-spacing-xl)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--saas-spacing-xs)}.p-2{padding:var(--saas-spacing-sm)}.p-3{padding:var(--saas-spacing-md)}.p-4{padding:var(--saas-spacing-lg)}.p-5{padding:var(--saas-spacing-xl)}.text-primary{color:var(--saas-text-primary)}.text-regular{color:var(--saas-text-regular)}.text-secondary{color:var(--saas-text-secondary)}.text-success{color:var(--saas-success)}.text-warning{color:var(--saas-warning)}.text-danger{color:var(--saas-danger)}.font-medium{font-weight:var(--saas-font-weight-medium)}.font-semibold{font-weight:var(--saas-font-weight-semibold)}.font-bold{font-weight:var(--saas-font-weight-bold)}.text-xs{font-size:var(--saas-font-size-xs)}.text-sm{font-size:var(--saas-font-size-sm)}.text-base{font-size:var(--saas-font-size-base)}.text-lg{font-size:var(--saas-font-size-lg)}.text-xl{font-size:var(--saas-font-size-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-mono{font-family:var(--saas-font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--saas-spacing-xs)}.gap-2{gap:var(--saas-spacing-sm)}.gap-3{gap:var(--saas-spacing-md)}.gap-4{gap:var(--saas-spacing-lg)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.rounded-sm{border-radius:var(--saas-radius-sm)}.rounded{border-radius:var(--saas-radius-md)}.rounded-lg{border-radius:var(--saas-radius-lg)}.rounded-xl{border-radius:var(--saas-radius-xl)}.rounded-full{border-radius:9999px}.shadow-xs{box-shadow:var(--saas-shadow-xs)}.shadow-sm{box-shadow:var(--saas-shadow-sm)}.shadow{box-shadow:var(--saas-shadow-md)}.shadow-lg{box-shadow:var(--saas-shadow-lg)}.bg-page{background-color:var(--saas-bg-page)}.bg-container{background-color:var(--saas-bg-container)}.bg-hover{background-color:var(--saas-bg-hover)}.border{border:1px solid var(--saas-border-base)}.border-t{border-top:1px solid var(--saas-border-base)}.border-b{border-bottom:1px solid var(--saas-border-base)}.border-l{border-left:1px solid var(--saas-border-base)}.border-r{border-right:1px solid var(--saas-border-base)}.border-none{border:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.hidden{display:none}.invisible{visibility:hidden}.transition-fast{transition:all var(--saas-transition-fast)}.transition-base{transition:all var(--saas-transition-base)}.transition-slow{transition:all var(--saas-transition-slow)}.hover-lift{transition:transform var(--saas-transition-fast),box-shadow var(--saas-transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--saas-shadow-md)}.page-container{padding:var(--saas-spacing-lg);min-height:calc(100vh - var(--saas-header-height) - 60px)}.page-header{margin-bottom:var(--saas-spacing-lg)}.page-title{font-size:var(--saas-font-size-2xl);font-weight:var(--saas-font-weight-semibold);color:var(--saas-text-primary);margin:0}.page-description{font-size:var(--saas-font-size-sm);color:var(--saas-text-secondary);margin-top:var(--saas-spacing-xs)}.search-container{background-color:var(--saas-bg-container);border:1px solid var(--saas-border-base);border-radius:var(--saas-radius-lg);padding:var(--saas-spacing-md) var(--saas-spacing-lg);margin-bottom:var(--saas-spacing-lg)}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--saas-spacing-md)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--saas-spacing-sm)}.content-card{background-color:var(--saas-bg-container);border:1px solid var(--saas-border-base);border-radius:var(--saas-radius-lg);overflow:hidden}.pagination-container{display:flex;justify-content:flex-end;padding:var(--saas-spacing-md) var(--saas-spacing-lg);border-top:1px solid var(--saas-border-light);background-color:var(--saas-bg-container)}.empty-state{text-align:center;padding:var(--saas-spacing-2xl);color:var(--saas-text-secondary)}.loading-state{display:flex;align-items:center;justify-content:center;min-height:200px}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--saas-radius-sm);cursor:pointer;transition:all var(--saas-transition-fast);color:var(--saas-text-secondary)}.action-icon:hover{background-color:var(--saas-bg-hover);color:var(--saas-primary)}.action-icon.danger:hover{background-color:var(--saas-danger-bg);color:var(--saas-danger)}.copy-trigger{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:2px 6px;border-radius:var(--saas-radius-sm);transition:background-color var(--saas-transition-fast)}.copy-trigger:hover{background-color:var(--saas-bg-hover)}.copy-trigger .copy-icon{opacity:0;transition:opacity var(--saas-transition-fast)}.copy-trigger:hover .copy-icon{opacity:1}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.active{background-color:var(--saas-success)}.status-dot.warning{background-color:var(--saas-warning)}.status-dot.danger{background-color:var(--saas-danger)}.status-dot.inactive{background-color:var(--saas-info)}@media (max-width: 768px){:root{--saas-spacing-lg: 16px;--saas-spacing-xl: 24px}.page-container{padding:var(--saas-spacing-md)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;flex-wrap:wrap}.pagination-container{justify-content:center;padding:var(--saas-spacing-sm) var(--saas-spacing-md)}}:root{--header-height: 56px;--content-max-width: 1600px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--saas-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--saas-bg-page);color:var(--saas-text-primary)}.layout-container{min-height:100vh;display:flex}.layout-container.no-sidebar{width:100vw}.layout-container.guest-layout .el-container{margin-left:0!important;width:100vw!important}.layout-container.guest-layout .el-main{padding:0!important;margin:0!important}.layout-container .el-container{width:100%;transition:margin-left var(--saas-transition-slow)}@media (min-width: 769px){.layout-container .el-container{margin-left:200px}.layout-container .el-container.collapsed{margin-left:64px}.layout-container .el-container.no-sidebar{margin-left:0!important;width:100vw!important}}@media (max-width: 768px){.layout-container .el-container{margin-left:0}}.header{padding:0;background:var(--saas-bg-container);border-bottom:1px solid var(--saas-border-base);position:relative;z-index:10;height:var(--header-height)}.header-content{height:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--saas-spacing-lg);display:flex;align-items:center;justify-content:space-between}.layout-container.no-sidebar .header-content{max-width:none!important;width:100%!important}.layout-container.no-sidebar .el-main{padding:var(--saas-spacing-lg)!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.logo{display:flex;align-items:center;gap:var(--saas-spacing-sm)}.logo-icon{width:36px;height:36px;background:var(--saas-primary);border-radius:var(--saas-radius-lg);display:flex;align-items:center;justify-content:center}.logo-icon .el-icon{font-size:20px;color:#fff}.logo h2{color:var(--saas-text-primary);margin:0;font-size:var(--saas-font-size-lg);font-weight:var(--saas-font-weight-semibold)}.header-right{display:flex;align-items:center}.user-btn{background:var(--saas-bg-hover);border-radius:var(--saas-radius-lg);padding:var(--saas-spacing-sm) var(--saas-spacing-md);color:var(--saas-text-primary)!important;font-size:var(--saas-font-size-sm);font-weight:var(--saas-font-weight-medium);border:1px solid var(--saas-border-base);transition:all var(--saas-transition-fast);cursor:pointer;display:flex;align-items:center;gap:var(--saas-spacing-sm)}.user-btn:hover{background:var(--saas-bg-active);border-color:var(--saas-border-dark)}.user-btn .el-icon{margin-right:4px}.el-dropdown-menu{min-width:140px}.el-dropdown-menu .el-dropdown-menu__item{padding:var(--saas-spacing-sm) var(--saas-spacing-md);cursor:pointer}.el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--saas-bg-hover)}.el-main{background-color:var(--saas-bg-page);flex:1;padding:var(--saas-spacing-lg)}@media (max-width: 768px){.el-main{padding:var(--saas-spacing-md);margin-left:63px}}.footer{background-color:var(--saas-bg-container);color:var(--saas-text-secondary);text-align:center;padding:var(--saas-spacing-md) 0;font-size:var(--saas-font-size-sm);border-top:1px solid var(--saas-border-light)}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1001;transition:all var(--saas-transition-slow);background-color:var(--saas-bg-container);border-right:1px solid var(--saas-border-base);height:100vh}.sidebar-toggle{height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--saas-transition-fast);border-bottom:1px solid var(--saas-border-light);color:var(--saas-text-secondary)}.sidebar-toggle:hover{background-color:var(--saas-bg-hover);color:var(--saas-primary)}.sidebar-menu{border-right:none;margin-top:var(--header-height);padding:var(--saas-spacing-sm)}.sidebar-menu.el-menu--collapse .el-menu-item,.sidebar-menu.el-menu--collapse .el-sub-menu__title{justify-content:center;padding:0!important}.sidebar-menu.el-menu--collapse .el-menu-item .el-icon,.sidebar-menu.el-menu--collapse .el-sub-menu__title .el-icon{margin-right:0}.sidebar-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1000;display:none}@media (max-width: 768px){.header-content{padding:0 var(--saas-spacing-md);margin-left:64px}.sidebar-mask{display:block}.logo h2{font-size:var(--saas-font-size-md)}.logo-icon{width:32px;height:32px}.user-btn{padding:6px 12px}.footer{padding:var(--saas-spacing-sm) 0}}.el-descriptions__cell{word-break:break-all}