@charset "UTF-8";html,body,#app{margin:0;padding:0;height:100%;width:100%;min-width:0;min-height:0}html,body,#app{background-color:var(--el-bg-color-page)}.app-root{height:100%;width:100%;background-color:var(--el-bg-color-page)}:root{--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--sidebar-header-height: 80px;--navbar-height: 64px;--content-max-width: 1440px;--content-padding: 24px;--content-padding-mobile: 16px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--z-sidebar: 1001;--z-navbar: 100;--z-mobile-overlay: 1040;--z-content: 1}.app-container{display:flex;height:100vh;overflow:hidden;background:var(--bg-secondary, #f5f7fa);position:relative}.app-container *{box-sizing:border-box}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg, #ffffff);border-right:1px solid var(--border-color, #e5e7eb);z-index:var(--z-sidebar);transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-header{padding:20px 8px}.sidebar .sidebar-header{height:var(--sidebar-header-height);padding:20px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center;transition:padding .3s ease}.sidebar .sidebar-nav{flex:1;padding:var(--gap-sm);overflow-y:auto;overflow-x:hidden}.sidebar .sidebar-nav .nav-item,.sidebar .sidebar-nav .center-item{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 12px;margin:4px 0;border-radius:8px;transition:all .2s ease;text-decoration:none;color:var(--text-secondary, #6b7280)}.sidebar .sidebar-nav .nav-item:hover,.sidebar .sidebar-nav .center-item:hover{background:var(--bg-hover, rgba(124, 127, 245, .08));color:var(--primary-color, #7c7ff5);transform:translate(2px)}.sidebar .sidebar-nav .nav-item.active,.sidebar .sidebar-nav .center-item.active{background:var(--primary-color, #7c7ff5);color:#fff;box-shadow:0 2px 8px #7c7ff540}.sidebar .user-section{padding:var(--gap-md);border-top:1px solid var(--border-color, #e5e7eb);margin-top:auto}.main-container{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;background:var(--bg-secondary, #f5f7fa);transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.main-container.main-expanded{margin-left:var(--sidebar-width-collapsed)}.main-container .navbar{height:var(--navbar-height);background:var(--bg-color, #ffffff);border-bottom:1px solid var(--border-color-lighter, #ebeef5);padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-navbar);flex-shrink:0}.main-container .page-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary, #f5f7fa)}.page-container,.center-page,.dashboard-center,.center-content{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding)}.page-container .page-header,.page-container .welcome-section,.center-page .page-header,.center-page .welcome-section,.dashboard-center .page-header,.dashboard-center .welcome-section,.center-content .page-header,.center-content .welcome-section{margin-bottom:var(--gap-lg);padding:var(--gap-lg);background:var(--bg-color, #ffffff);border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-container .stats-overview,.page-container .stats-grid,.center-page .stats-overview,.center-page .stats-grid,.dashboard-center .stats-overview,.dashboard-center .stats-grid,.center-content .stats-overview,.center-content .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-lg);margin-bottom:var(--gap-xl)}.page-container .content-section,.page-container .quick-navigation,.page-container .system-status,.center-page .content-section,.center-page .quick-navigation,.center-page .system-status,.dashboard-center .content-section,.dashboard-center .quick-navigation,.dashboard-center .system-status,.center-content .content-section,.center-content .quick-navigation,.center-content .system-status{margin-bottom:var(--gap-xl);padding:var(--gap-lg);background:var(--bg-color, #ffffff);border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-container .content-section h3,.page-container .quick-navigation h3,.page-container .system-status h3,.center-page .content-section h3,.center-page .quick-navigation h3,.center-page .system-status h3,.dashboard-center .content-section h3,.dashboard-center .quick-navigation h3,.dashboard-center .system-status h3,.center-content .content-section h3,.center-content .quick-navigation h3,.center-content .system-status h3{margin-bottom:var(--gap-md);font-size:18px;font-weight:600;color:var(--text-primary)}.page-container .nav-grid,.center-page .nav-grid,.dashboard-center .nav-grid,.center-content .nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-md)}@media (min-width: 1536px){.page-container,.center-page,.dashboard-center,.center-content{max-width:1536px;padding:var(--gap-xl)}}@media (max-width: 1280px){.page-container,.center-page,.dashboard-center,.center-content{max-width:none;padding:var(--gap-lg)}.stats-overview,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 1024px){:root{--sidebar-width: 260px;--content-padding: 20px}.main-container{margin-left:var(--sidebar-width)}.main-container.main-expanded{margin-left:var(--sidebar-width-collapsed)}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open,.sidebar.show{transform:translate(0)}.main-container{margin-left:0!important}.main-container .navbar{padding:0 var(--content-padding-mobile)}.page-container,.center-page,.dashboard-center,.center-content{padding:var(--content-padding-mobile)}.page-container .stats-overview,.page-container .stats-grid,.center-page .stats-overview,.center-page .stats-grid,.dashboard-center .stats-overview,.dashboard-center .stats-grid,.center-content .stats-overview,.center-content .stats-grid{grid-template-columns:1fr;gap:var(--gap-md)}.page-container .nav-grid,.center-page .nav-grid,.dashboard-center .nav-grid,.center-content .nav-grid{grid-template-columns:1fr}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-mobile-overlay);display:block}.mobile-overlay:not(.show){display:none}}@media (max-width: 480px){:root{--content-padding-mobile: 12px;--gap-lg: 16px;--gap-md: 12px}.sidebar{width:100vw}.page-header,.welcome-section{padding:var(--gap-md);margin-bottom:var(--gap-md)}}.flex-container{display:flex;gap:var(--gap-md)}.flex-container.flex-wrap{flex-wrap:wrap}.flex-container.flex-center{align-items:center;justify-content:center}.flex-container.flex-between{justify-content:space-between}.grid-container{display:grid;gap:var(--gap-md)}.grid-container.grid-2{grid-template-columns:repeat(2,1fr)}.grid-container.grid-3{grid-template-columns:repeat(3,1fr)}.grid-container.grid-4{grid-template-columns:repeat(4,1fr)}.grid-container.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-centered{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}.theme-dark .main-container .navbar,[data-theme=dark] .main-container .navbar{background:var(--bg-color, #1d1e1f);border-bottom-color:var(--border-color, #414243)}.theme-dark .page-container .page-header,.theme-dark .page-container .content-section,.theme-dark .center-page .page-header,.theme-dark .center-page .content-section,.theme-dark .dashboard-center .page-header,.theme-dark .dashboard-center .content-section,[data-theme=dark] .page-container .page-header,[data-theme=dark] .page-container .content-section,[data-theme=dark] .center-page .page-header,[data-theme=dark] .center-page .content-section,[data-theme=dark] .dashboard-center .page-header,[data-theme=dark] .dashboard-center .content-section{background:var(--bg-card, #262727);box-shadow:0 1px 3px #00000080}.will-change-transform{will-change:transform}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}.contain-layout{contain:layout}:root{--el-color-primary: var(--primary-color);--el-color-primary-light-3: var(--primary-light);--el-color-primary-light-5: var(--primary-lighter);--el-color-primary-light-7: var(--primary-extra-light);--el-color-primary-light-8: var(--primary-extra-light);--el-color-primary-light-9: var(--primary-extra-light);--el-color-primary-dark-2: var(--primary-dark);--el-color-success: var(--success-color);--el-color-success-light-3: var(--success-light);--el-color-success-light-5: var(--success-lighter);--el-color-success-light-7: var(--success-extra-light);--el-color-success-light-8: var(--success-extra-light);--el-color-success-light-9: var(--success-extra-light);--el-color-warning: var(--warning-color);--el-color-warning-light-3: var(--warning-light);--el-color-warning-light-5: var(--warning-lighter);--el-color-warning-light-7: var(--warning-extra-light);--el-color-warning-light-8: var(--warning-extra-light);--el-color-warning-light-9: var(--warning-extra-light);--el-color-danger: var(--danger-color);--el-color-danger-light-3: var(--danger-light);--el-color-danger-light-5: var(--danger-lighter);--el-color-danger-light-7: var(--danger-extra-light);--el-color-danger-light-8: var(--danger-extra-light);--el-color-danger-light-9: var(--danger-extra-light);--el-color-info: var(--info-color);--el-color-info-light-3: var(--info-light);--el-color-info-light-5: var(--info-lighter);--el-color-info-light-7: var(--info-extra-light);--el-color-info-light-8: var(--info-extra-light);--el-color-info-light-9: var(--info-extra-light);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-regular);--el-text-color-secondary: var(--text-secondary);--el-text-color-placeholder: var(--text-placeholder);--el-text-color-disabled: var(--text-disabled);--el-bg-color: var(--bg-color);--el-bg-color-page: var(--bg-color-page);--el-bg-color-overlay: var(--bg-color-overlay);--el-fill-color-blank: var(--bg-card);--el-fill-color: var(--bg-tertiary);--el-fill-color-light: var(--bg-hover);--el-fill-color-lighter: var(--bg-secondary);--el-fill-color-extra-light: var(--bg-color-page);--el-border-color: var(--border-color);--el-border-color-light: var(--border-color-light);--el-border-color-lighter: var(--border-color-lighter);--el-border-color-extra-light: var(--border-color-extra-light);--el-border-color-dark: var(--border-color-dark);--el-border-radius-base: var(--radius-md);--el-border-radius-small: var(--radius-sm);--el-border-radius-round: var(--radius-full);--el-font-family: var(--font-family-base);--el-font-size-base: var(--text-base);--el-font-size-small: var(--text-sm);--el-font-size-large: var(--text-lg);--el-component-size-large: var(--input-height-lg);--el-component-size: var(--input-height-md);--el-component-size-small: var(--input-height-sm);--el-box-shadow: var(--shadow-md);--el-box-shadow-light: var(--shadow-sm);--el-box-shadow-dark: var(--shadow-lg);--el-transition-duration: var(--transition-base);--el-transition-duration-fast: var(--transition-fast);--el-card-bg-color: rgba(255, 255, 255, .7);--el-card-border-color: rgba(255, 255, 255, .3);--el-card-shadow: 0 8px 32px rgba(31, 38, 135, .1)}.el-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;transition:all var(--transition-fast);width:1em;height:1em;font-size:inherit}.el-button .el-icon{color:inherit;margin-right:6px}.el-button .el-icon:last-child{margin-right:0}.el-button .el-icon:only-child{margin-right:0}.el-icon.icon-primary{color:var(--primary-color)}.el-icon.icon-success{color:var(--success-color)}.el-icon.icon-warning{color:var(--warning-color)}.el-icon.icon-danger{color:var(--danger-color)}.el-icon.icon-info{color:var(--info-color)}.el-icon:hover{transform:scale(1.05)}.el-button--primary .el-icon,.el-button--success .el-icon,.el-button--warning .el-icon,.el-button--danger .el-icon,.el-button--info .el-icon{color:#fff}.el-button--default .el-icon{color:var(--text-secondary)}.el-button.is-text .el-icon,.el-button.is-link .el-icon{color:var(--primary-color)}.el-button.is-disabled .el-icon{color:var(--text-disabled)}.el-button{border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base);min-height:36px;min-width:64px}.el-button--large{height:var(--button-height-lg);padding:0 var(--spacing-lg);font-size:var(--text-lg);min-height:40px;min-width:80px}.el-button--default{height:var(--button-height-md);padding:0 var(--spacing-md);font-size:var(--text-base)}.el-button--small{height:var(--button-height-sm);padding:0 var(--spacing-sm);font-size:var(--text-sm);min-height:32px;min-width:56px}.el-button--primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.el-button--primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.el-button--primary:active{transform:translateY(0);background:var(--primary-dark);border-color:var(--primary-dark)}.el-button--success{background:var(--success-color);border-color:var(--success-color)}.el-button--success:hover{background:var(--success-light);border-color:var(--success-light)}.el-button--warning{background:var(--warning-color);border-color:var(--warning-color)}.el-button--warning:hover{background:var(--warning-light);border-color:var(--warning-light)}.el-button--danger{background:var(--danger-color);border-color:var(--danger-color)}.el-button--danger:hover{background:var(--danger-light);border-color:var(--danger-light)}.el-button--info{background:var(--info-color);border-color:var(--info-color)}.el-button--info:hover{background:var(--info-light);border-color:var(--info-light)}.el-button.is-plain{background:transparent}.el-button.is-plain.el-button--primary{color:var(--primary-color);border-color:var(--primary-color)}.el-button.is-plain.el-button--primary:hover{background:var(--primary-extra-light)}.el-button.is-plain.el-button--success{color:var(--success-color);border-color:var(--success-color)}.el-button.is-plain.el-button--success:hover{background:var(--success-extra-light)}.el-button.is-plain.el-button--warning{color:var(--warning-color);border-color:var(--warning-color)}.el-button.is-plain.el-button--warning:hover{background:var(--warning-extra-light)}.el-button.is-plain.el-button--danger{color:var(--danger-color);border-color:var(--danger-color)}.el-button.is-plain.el-button--danger:hover{background:var(--danger-extra-light)}.el-button.is-plain.el-button--info{color:var(--info-color);border-color:var(--info-color)}.el-button.is-plain.el-button--info:hover{background:var(--info-extra-light)}.el-button.is-text{background:transparent;border:none;padding:var(--spacing-xs) var(--spacing-sm)}.el-button.is-text:hover{background:var(--bg-hover)}.el-button.is-link{background:transparent;border:none;padding:0;height:auto;text-decoration:underline}.el-button.is-link:hover{text-decoration:none}.el-button.is-circle{border-radius:var(--radius-full);padding:var(--spacing-sm)}.el-button.is-round{border-radius:var(--radius-2xl)}.el-button.is-disabled,.el-button:disabled{opacity:.5;cursor:not-allowed}.el-button.is-disabled:hover,.el-button:disabled:hover{transform:none}.el-button.is-loading{pointer-events:none}.el-button.is-loading .el-icon{animation:rotate 1s linear infinite}@media (max-width: 767px){.el-button .el-button{min-height:44px;padding:8px 16px}.el-button .el-button--small{min-height:40px;padding:6px 12px}.el-button .el-button--large{min-height:48px;padding:12px 20px}}.el-button--primary{background-color:var(--el-color-primary)!important;border-color:var(--el-color-primary)!important;color:var(--el-color-white)!important}.el-button--primary:hover{background-color:var(--el-color-primary-light-3)!important;border-color:var(--el-color-primary-light-3)!important}.el-button--primary:active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important}.el-button--success{background-color:var(--el-color-success)!important;border-color:var(--el-color-success)!important;color:var(--el-color-white)!important}.el-button--success:hover{background-color:var(--el-color-success-light-3)!important;border-color:var(--el-color-success-light-3)!important}.el-button--warning{background-color:var(--el-color-warning)!important;border-color:var(--el-color-warning)!important;color:var(--el-color-white)!important}.el-button--warning:hover{background-color:var(--el-color-warning-light-3)!important;border-color:var(--el-color-warning-light-3)!important}.el-button--danger{background-color:var(--el-color-danger)!important;border-color:var(--el-color-danger)!important;color:var(--el-color-white)!important}.el-button--danger:hover{background-color:var(--el-color-danger-light-3)!important;border-color:var(--el-color-danger-light-3)!important}.el-button--info{background-color:var(--el-color-info)!important;border-color:var(--el-color-info)!important;color:var(--el-color-white)!important}.el-button--info:hover{background-color:var(--el-color-info-light-3)!important;border-color:var(--el-color-info-light-3)!important}.el-card .el-button{box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-card .el-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.el-button-group .el-button{border-radius:0;margin:0}.el-button-group .el-button:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.el-button-group .el-button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.el-button-group .el-button:not(:first-child){margin-left:-1px}.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button:focus{z-index:2}.el-table{background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color-light)}.el-table .el-table__header-wrapper .el-table__header th{background-color:var(--bg-secondary);color:var(--text-primary);border-bottom:2px solid var(--border-color-light);font-weight:600}.el-table .el-table__header-wrapper .el-table__header th .cell{padding:var(--spacing-md)}.el-table .el-table__body-wrapper .el-table__body tr{transition:background-color var(--transition-base)}.el-table .el-table__body-wrapper .el-table__body tr:hover{background-color:var(--bg-hover)}.el-table .el-table__body-wrapper .el-table__body tr td{border-bottom:1px solid var(--border-color-lighter);color:var(--text-primary)}.el-table .el-table__body-wrapper .el-table__body tr td .cell{padding:var(--spacing-md)}.el-table.el-table--striped .el-table__body tr.el-table__row--striped td{background-color:var(--bg-tertiary)}.el-table.el-table--border{border:1px solid var(--border-color-light)}.el-table.el-table--border td,.el-table.el-table--border th{border-right:1px solid var(--border-color-lighter)}.el-table.el-table--border td:last-child,.el-table.el-table--border th:last-child{border-right:none}.el-table .el-table__empty-block{background-color:var(--bg-card)}.el-table .el-table__empty-block .el-table__empty-text{color:var(--text-secondary)}@media (max-width: 767px){.el-table{border-radius:var(--radius-md)}.el-table .el-table__header-wrapper .cell,.el-table .el-table__body-wrapper .cell{padding:var(--spacing-sm);font-size:var(--text-sm)}}.el-input .el-input__wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.el-input .el-input__wrapper:hover{border-color:var(--primary-light)}.el-input .el-input__wrapper.is-focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-extra-light)}.el-input .el-input__inner{color:var(--text-primary);font-size:var(--text-base)}.el-input .el-input__inner::-moz-placeholder{color:var(--text-placeholder)}.el-input .el-input__inner::placeholder{color:var(--text-placeholder)}.el-input.el-input--large .el-input__wrapper{height:var(--input-height-lg)}.el-input.el-input--large .el-input__inner{font-size:var(--text-lg)}.el-input.el-input--small .el-input__wrapper{height:var(--input-height-sm)}.el-input.el-input--small .el-input__inner{font-size:var(--text-sm)}.el-input.is-disabled .el-input__wrapper{background-color:var(--bg-secondary);border-color:var(--border-color-light);cursor:not-allowed}.el-input.is-disabled .el-input__inner{color:var(--text-disabled)}.el-textarea .el-textarea__inner{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);border-radius:var(--radius-md)}.el-textarea .el-textarea__inner:hover{border-color:var(--primary-light)}.el-textarea .el-textarea__inner:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-extra-light)}.el-textarea .el-textarea__inner::-moz-placeholder{color:var(--text-placeholder)}.el-textarea .el-textarea__inner::placeholder{color:var(--text-placeholder)}.el-select .el-select__wrapper{background-color:var(--bg-card);border-color:var(--border-color);border-radius:var(--radius-md)}.el-select .el-select__wrapper:hover{border-color:var(--primary-light)}.el-select .el-select__wrapper.is-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-extra-light)}.el-select .el-select__placeholder{color:var(--text-placeholder)}.el-select .el-select__selected-item{color:var(--text-primary)}.el-select-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.el-select-dropdown .el-select-dropdown__item{color:var(--text-primary)}.el-select-dropdown .el-select-dropdown__item:hover{background-color:var(--bg-hover)}.el-select-dropdown .el-select-dropdown__item.is-selected{background-color:var(--bg-active);color:var(--primary-color);font-weight:500}.el-pagination .el-pager li{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-base)}.el-pagination .el-pager li:hover{background-color:var(--bg-hover);border-color:var(--primary-light)}.el-pagination .el-pager li.is-active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.el-pagination .btn-prev,.el-pagination .btn-next{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.el-pagination .btn-prev:hover,.el-pagination .btn-next:hover{background-color:var(--bg-hover);border-color:var(--primary-light)}.el-pagination .btn-prev:disabled,.el-pagination .btn-next:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);border-color:var(--border-color-light)}.el-pagination .el-pagination__total,.el-pagination .el-pagination__jump{color:var(--text-primary)}@media (max-width: 767px){.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.el-pagination .el-pager li{min-width:32px;height:32px;line-height:30px;font-size:var(--text-sm)}}.el-card{background-color:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--el-card-bg-color, rgba(255, 255, 255, .7))!important;border:1px solid var(--el-card-border-color, rgba(255, 255, 255, .3))!important;box-shadow:var(--el-card-shadow, 0 8px 32px rgba(31, 38, 135, .1))!important}.el-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.el-card .el-card__header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);padding:var(--spacing-lg)}@media (max-width: 767px){.el-card .el-card__header{padding:var(--spacing-md)}}.el-card .el-card__body{padding:var(--spacing-lg);color:var(--text-primary)}@media (max-width: 767px){.el-card .el-card__body{padding:var(--spacing-md)}}.el-card.is-hover-shadow:hover{box-shadow:var(--shadow-lg)}.el-card.is-always-shadow{box-shadow:var(--shadow-md)}.el-dialog{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.el-dialog .el-dialog__header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-lg)}.el-dialog .el-dialog__header .el-dialog__title{color:var(--text-primary);font-weight:600;font-size:var(--text-lg)}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:var(--text-secondary)}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:var(--text-primary)}.el-dialog .el-dialog__body{padding:var(--spacing-lg);color:var(--text-primary)}@media (max-width: 767px){.el-dialog .el-dialog__body{padding:var(--spacing-md)}}.el-dialog .el-dialog__footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color-light);background-color:var(--bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media (max-width: 767px){.el-dialog .el-dialog__footer{padding:var(--spacing-md)}}@media (max-width: 767px){.el-dialog{margin:var(--spacing-md);width:calc(100% - var(--spacing-xl));max-width:none}}.el-overlay{background-color:var(--bg-color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-tag{border-radius:var(--radius-sm);font-weight:500}.el-tag.el-tag--primary{background-color:var(--primary-extra-light);border-color:var(--primary-light);color:var(--primary-dark)}.el-tag.el-tag--success{background-color:var(--success-extra-light);border-color:var(--success-light);color:var(--success-color)}.el-tag.el-tag--warning{background-color:var(--warning-extra-light);border-color:var(--warning-light);color:var(--warning-color)}.el-tag.el-tag--danger{background-color:var(--danger-extra-light);border-color:var(--danger-light);color:var(--danger-color)}.el-tag.el-tag--info{background-color:var(--info-extra-light);border-color:var(--info-light);color:var(--info-color)}.el-form .el-form-item{margin-bottom:var(--spacing-lg)}.el-form .el-form-item .el-form-item__label{color:var(--text-primary);font-weight:500}.el-form .el-form-item .el-form-item__error{color:var(--danger-color);font-size:var(--text-sm)}.el-form.el-form--compact .el-form-item{margin-bottom:var(--spacing-md)}@media (max-width: 767px){.el-form .el-form-item{margin-bottom:var(--spacing-md)}.el-form .el-form-item .el-form-item__label{font-size:var(--text-sm);width:100%!important;text-align:left!important;margin-bottom:8px;padding:0!important}.el-form .el-form-item .el-form-item__content{margin-left:0!important;width:100%}}.el-message{background-color:var(--bg-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary)}.el-message.el-message--success{border-color:var(--success-light)}.el-message.el-message--success .el-message__icon{color:var(--success-color)}.el-message.el-message--warning{border-color:var(--warning-light)}.el-message.el-message--warning .el-message__icon{color:var(--warning-color)}.el-message.el-message--error{border-color:var(--danger-light)}.el-message.el-message--error .el-message__icon{color:var(--danger-color)}.el-loading-mask{background-color:var(--bg-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-loading-mask .el-loading-spinner .el-loading-text{color:var(--text-primary)}.el-loading-mask .el-loading-spinner .circular{color:var(--primary-color)}[data-theme=dark] .el-popper{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .el-tooltip__popper{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .el-tooltip__popper .el-tooltip__arrow:before{border-color:var(--border-color)}[data-theme=dark] .el-dropdown-menu{background-color:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .el-dropdown-menu .el-dropdown-menu__item{color:var(--text-primary)}[data-theme=dark] .el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--bg-hover)}.el-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.el-button:focus:not(:focus-visible){outline:none}.el-table tbody tr:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.el-table tbody tr:focus:not(:focus-visible){outline:none}.el-card[tabindex]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.el-card[tabindex]:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.el-button{border-width:2px}.el-button:not(.is-text):not(.is-link){border-color:currentColor}.el-table{border:2px solid var(--text-primary)}.el-table th,.el-table td{border-color:var(--text-primary)}.el-card{border-width:2px;border-color:var(--text-primary)}.el-card:hover{border-color:var(--primary-color)}}@media (prefers-reduced-motion: reduce){.el-button,.el-card,.el-table tbody tr,.el-pagination .el-pager li{transition:none}.el-button.is-loading .el-icon{animation:none}.el-button:hover,.el-card:hover{transform:none}}.cds-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:var(--spacing-md, 16px);width:100%;max-width:1584px;margin:0 auto;padding:0 var(--spacing-lg, 24px)}.cds-grid.cds-grid--condensed{gap:var(--spacing-sm, 8px);padding:0 var(--spacing-sm, 8px)}.cds-grid.cds-grid--narrow{gap:var(--spacing-xs, 4px);padding:0 var(--spacing-xs, 4px)}.cds-grid.cds-grid--full-width{max-width:none}.cds-grid.cds-grid--no-padding{padding:0}.cds-row{display:contents}[class*=cds-col]{min-width:0;word-wrap:break-word}.cds-col-1{grid-column:span 1}.cds-col-2{grid-column:span 2}.cds-col-3{grid-column:span 3}.cds-col-4{grid-column:span 4}.cds-col-5{grid-column:span 5}.cds-col-6{grid-column:span 6}.cds-col-7{grid-column:span 7}.cds-col-8{grid-column:span 8}.cds-col-9{grid-column:span 9}.cds-col-10{grid-column:span 10}.cds-col-11{grid-column:span 11}.cds-col-12{grid-column:span 12}.cds-col-13{grid-column:span 13}.cds-col-14{grid-column:span 14}.cds-col-15{grid-column:span 15}.cds-col-16{grid-column:span 16}@media (min-width: 320px){.cds-col-sm-1{grid-column:span 1}.cds-col-sm-2{grid-column:span 2}.cds-col-sm-3{grid-column:span 3}.cds-col-sm-4{grid-column:span 4}.cds-col-sm-5{grid-column:span 5}.cds-col-sm-6{grid-column:span 6}.cds-col-sm-7{grid-column:span 7}.cds-col-sm-8{grid-column:span 8}.cds-col-sm-9{grid-column:span 9}.cds-col-sm-10{grid-column:span 10}.cds-col-sm-11{grid-column:span 11}.cds-col-sm-12{grid-column:span 12}.cds-col-sm-13{grid-column:span 13}.cds-col-sm-14{grid-column:span 14}.cds-col-sm-15{grid-column:span 15}.cds-col-sm-16{grid-column:span 16}.cds-offset-sm-0{grid-column-start:1}.cds-offset-sm-1{grid-column-start:2}.cds-offset-sm-2{grid-column-start:3}.cds-offset-sm-3{grid-column-start:4}.cds-offset-sm-4{grid-column-start:5}.cds-offset-sm-5{grid-column-start:6}.cds-offset-sm-6{grid-column-start:7}.cds-offset-sm-7{grid-column-start:8}.cds-offset-sm-8{grid-column-start:9}.cds-offset-sm-9{grid-column-start:10}.cds-offset-sm-10{grid-column-start:11}.cds-offset-sm-11{grid-column-start:12}.cds-offset-sm-12{grid-column-start:13}.cds-offset-sm-13{grid-column-start:14}.cds-offset-sm-14{grid-column-start:15}.cds-offset-sm-15{grid-column-start:16}}@media (min-width: 672px){.cds-col-md-1{grid-column:span 1}.cds-col-md-2{grid-column:span 2}.cds-col-md-3{grid-column:span 3}.cds-col-md-4{grid-column:span 4}.cds-col-md-5{grid-column:span 5}.cds-col-md-6{grid-column:span 6}.cds-col-md-7{grid-column:span 7}.cds-col-md-8{grid-column:span 8}.cds-col-md-9{grid-column:span 9}.cds-col-md-10{grid-column:span 10}.cds-col-md-11{grid-column:span 11}.cds-col-md-12{grid-column:span 12}.cds-col-md-13{grid-column:span 13}.cds-col-md-14{grid-column:span 14}.cds-col-md-15{grid-column:span 15}.cds-col-md-16{grid-column:span 16}.cds-offset-md-0{grid-column-start:1}.cds-offset-md-1{grid-column-start:2}.cds-offset-md-2{grid-column-start:3}.cds-offset-md-3{grid-column-start:4}.cds-offset-md-4{grid-column-start:5}.cds-offset-md-5{grid-column-start:6}.cds-offset-md-6{grid-column-start:7}.cds-offset-md-7{grid-column-start:8}.cds-offset-md-8{grid-column-start:9}.cds-offset-md-9{grid-column-start:10}.cds-offset-md-10{grid-column-start:11}.cds-offset-md-11{grid-column-start:12}.cds-offset-md-12{grid-column-start:13}.cds-offset-md-13{grid-column-start:14}.cds-offset-md-14{grid-column-start:15}.cds-offset-md-15{grid-column-start:16}}@media (min-width: 1056px){.cds-col-lg-1{grid-column:span 1}.cds-col-lg-2{grid-column:span 2}.cds-col-lg-3{grid-column:span 3}.cds-col-lg-4{grid-column:span 4}.cds-col-lg-5{grid-column:span 5}.cds-col-lg-6{grid-column:span 6}.cds-col-lg-7{grid-column:span 7}.cds-col-lg-8{grid-column:span 8}.cds-col-lg-9{grid-column:span 9}.cds-col-lg-10{grid-column:span 10}.cds-col-lg-11{grid-column:span 11}.cds-col-lg-12{grid-column:span 12}.cds-col-lg-13{grid-column:span 13}.cds-col-lg-14{grid-column:span 14}.cds-col-lg-15{grid-column:span 15}.cds-col-lg-16{grid-column:span 16}.cds-offset-lg-0{grid-column-start:1}.cds-offset-lg-1{grid-column-start:2}.cds-offset-lg-2{grid-column-start:3}.cds-offset-lg-3{grid-column-start:4}.cds-offset-lg-4{grid-column-start:5}.cds-offset-lg-5{grid-column-start:6}.cds-offset-lg-6{grid-column-start:7}.cds-offset-lg-7{grid-column-start:8}.cds-offset-lg-8{grid-column-start:9}.cds-offset-lg-9{grid-column-start:10}.cds-offset-lg-10{grid-column-start:11}.cds-offset-lg-11{grid-column-start:12}.cds-offset-lg-12{grid-column-start:13}.cds-offset-lg-13{grid-column-start:14}.cds-offset-lg-14{grid-column-start:15}.cds-offset-lg-15{grid-column-start:16}}@media (min-width: 1312px){.cds-col-xlg-1{grid-column:span 1}.cds-col-xlg-2{grid-column:span 2}.cds-col-xlg-3{grid-column:span 3}.cds-col-xlg-4{grid-column:span 4}.cds-col-xlg-5{grid-column:span 5}.cds-col-xlg-6{grid-column:span 6}.cds-col-xlg-7{grid-column:span 7}.cds-col-xlg-8{grid-column:span 8}.cds-col-xlg-9{grid-column:span 9}.cds-col-xlg-10{grid-column:span 10}.cds-col-xlg-11{grid-column:span 11}.cds-col-xlg-12{grid-column:span 12}.cds-col-xlg-13{grid-column:span 13}.cds-col-xlg-14{grid-column:span 14}.cds-col-xlg-15{grid-column:span 15}.cds-col-xlg-16{grid-column:span 16}.cds-offset-xlg-0{grid-column-start:1}.cds-offset-xlg-1{grid-column-start:2}.cds-offset-xlg-2{grid-column-start:3}.cds-offset-xlg-3{grid-column-start:4}.cds-offset-xlg-4{grid-column-start:5}.cds-offset-xlg-5{grid-column-start:6}.cds-offset-xlg-6{grid-column-start:7}.cds-offset-xlg-7{grid-column-start:8}.cds-offset-xlg-8{grid-column-start:9}.cds-offset-xlg-9{grid-column-start:10}.cds-offset-xlg-10{grid-column-start:11}.cds-offset-xlg-11{grid-column-start:12}.cds-offset-xlg-12{grid-column-start:13}.cds-offset-xlg-13{grid-column-start:14}.cds-offset-xlg-14{grid-column-start:15}.cds-offset-xlg-15{grid-column-start:16}}@media (min-width: 1584px){.cds-col-max-1{grid-column:span 1}.cds-col-max-2{grid-column:span 2}.cds-col-max-3{grid-column:span 3}.cds-col-max-4{grid-column:span 4}.cds-col-max-5{grid-column:span 5}.cds-col-max-6{grid-column:span 6}.cds-col-max-7{grid-column:span 7}.cds-col-max-8{grid-column:span 8}.cds-col-max-9{grid-column:span 9}.cds-col-max-10{grid-column:span 10}.cds-col-max-11{grid-column:span 11}.cds-col-max-12{grid-column:span 12}.cds-col-max-13{grid-column:span 13}.cds-col-max-14{grid-column:span 14}.cds-col-max-15{grid-column:span 15}.cds-col-max-16{grid-column:span 16}.cds-offset-max-0{grid-column-start:1}.cds-offset-max-1{grid-column-start:2}.cds-offset-max-2{grid-column-start:3}.cds-offset-max-3{grid-column-start:4}.cds-offset-max-4{grid-column-start:5}.cds-offset-max-5{grid-column-start:6}.cds-offset-max-6{grid-column-start:7}.cds-offset-max-7{grid-column-start:8}.cds-offset-max-8{grid-column-start:9}.cds-offset-max-9{grid-column-start:10}.cds-offset-max-10{grid-column-start:11}.cds-offset-max-11{grid-column-start:12}.cds-offset-max-12{grid-column-start:13}.cds-offset-max-13{grid-column-start:14}.cds-offset-max-14{grid-column-start:15}.cds-offset-max-15{grid-column-start:16}}.cds-col-hidden{display:none}@media (min-width: 320px){.cds-col-sm-hidden{display:none}}@media (min-width: 672px){.cds-col-md-hidden{display:none}}@media (min-width: 1056px){.cds-col-lg-hidden{display:none}}@media (min-width: 1312px){.cds-col-xlg-hidden{display:none}}@media (min-width: 1584px){.cds-col-max-hidden{display:none}}.cds-col-auto{grid-column:auto}.cds-col-fill{grid-column:1/-1}.cds-grid--debug{position:relative}.cds-grid--debug:before{content:"";position:absolute;top:0;left:32px;right:32px;bottom:0;background-image:repeating-linear-gradient(to right,rgba(255,0,0,.1) 0,rgba(255,0,0,.1) calc(6.25% - 32px),transparent calc(6.25% - 32px),transparent 6.25%);pointer-events:none;z-index:9999}@media (max-width: 319px){.cds-hidden-xs{display:none!important}}@media (max-width: 671px){.cds-hidden-sm{display:none!important}}@media (max-width: 1055px){.cds-hidden-md{display:none!important}}@media (max-width: 1311px){.cds-hidden-lg{display:none!important}}@media (max-width: 1583px){.cds-hidden-xlg{display:none!important}}.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stats-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}}@media (min-width: var(--breakpoint-xl)){.stats-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;overflow:hidden;min-height:120px;transition:all var(--transition-base);cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-card:hover .stat-card-bg{transform:translate(20%,-20%) scale(1.1);opacity:.08}.stat-card.loading .stat-content{opacity:.6;pointer-events:none}.stat-card.loading .stat-value{background:var(--bg-light);border-radius:var(--radius-sm);color:transparent;animation:pulse 1.5s ease-in-out infinite}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-card{padding:var(--spacing-md);min-height:100px}.stat-card:hover{transform:translateY(-2px)}}@media (min-width: var(--breakpoint-md)) and (max-width: calc(var(--breakpoint-lg) - 1px)){.stat-card{padding:var(--spacing-lg);min-height:110px}}@media (min-width: var(--breakpoint-xl)){.stat-card{padding:var(--spacing-xl);min-height:140px}}.stat-content{display:flex;align-items:center;gap:var(--spacing-lg);position:relative;z-index:2;height:100%}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-content{gap:var(--spacing-md)}}@media (min-width: var(--breakpoint-xl)){.stat-content{gap:var(--spacing-xl)}}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);transition:all var(--transition-base);flex-shrink:0}.stat-icon--primary{background:linear-gradient(135deg,var(--primary-extra-light),var(--primary-lighter));color:var(--primary-color)}.stat-icon--students,.stat-icon--success{background:linear-gradient(135deg,var(--success-extra-light),var(--success-lighter));color:var(--success-color)}.stat-icon--campuses,.stat-icon--classes,.stat-icon--info{background:linear-gradient(135deg,var(--info-extra-light),var(--info-lighter));color:var(--info-color)}.stat-icon--users,.stat-icon--teachers,.stat-icon--warning{background:linear-gradient(135deg,var(--warning-extra-light),var(--warning-lighter));color:var(--warning-color)}.stat-icon--activities,.stat-icon--events,.stat-icon--danger{background:linear-gradient(135deg,var(--danger-extra-light),var(--danger-lighter));color:var(--danger-color)}.stat-icon--purple{background:linear-gradient(135deg,#f3e8ff,#ddd6fe);color:#8b5cf6}.stat-icon--indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.stat-icon--pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#ec4899}.stat-icon--teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#14b8a6}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-icon{width:48px;height:48px}}@media (min-width: var(--breakpoint-xl)){.stat-icon{width:64px;height:64px}}.stat-info{flex:1;min-width:0}.stat-info .stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-info .stat-label{font-size:var(--text-xs)}}@media (min-width: var(--breakpoint-xl)){.stat-info .stat-label{font-size:var(--text-base)}}.stat-info .stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:var(--leading-none)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-info .stat-value{font-size:var(--text-xl);font-weight:var(--font-bold)}}@media (min-width: var(--breakpoint-xl)){.stat-info .stat-value{font-size:var(--text-3xl)}}.stat-info .stat-description{font-size:var(--text-xs);color:var(--text-placeholder);line-height:var(--leading-tight);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-info .stat-description{display:none}}@media (min-width: var(--breakpoint-md)){.stat-info .stat-description{display:block}}.stat-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--spacing-xs)}.stat-trend .trend-icon{font-size:var(--text-sm);line-height:1}.stat-trend .trend-text{line-height:1}.stat-trend.trend-up,.stat-trend--positive{color:var(--success-color)}.stat-trend.trend-down,.stat-trend--negative{color:var(--danger-color)}.stat-trend.trend-stable,.stat-trend--neutral{color:var(--text-secondary)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-trend{font-size:10px;gap:2px}.stat-trend .trend-icon{font-size:var(--text-xs)}}.stat-card-bg{position:absolute;top:0;right:0;width:80px;height:80px;border-radius:var(--radius-full);opacity:.04;transform:translate(25%,-25%);transition:all var(--transition-slow);pointer-events:none}.stat-card-bg.bg-primary{background:var(--primary-color)}.stat-card-bg.bg-students,.stat-card-bg.bg-success{background:var(--success-color)}.stat-card-bg.bg-campuses,.stat-card-bg.bg-classes,.stat-card-bg.bg-info{background:var(--info-color)}.stat-card-bg.bg-users,.stat-card-bg.bg-teachers,.stat-card-bg.bg-warning{background:var(--warning-color)}.stat-card-bg.bg-activities,.stat-card-bg.bg-events,.stat-card-bg.bg-danger{background:var(--danger-color)}.stat-card-bg.bg-purple{background:#8b5cf6}.stat-card-bg.bg-indigo{background:#6366f1}.stat-card-bg.bg-pink{background:#ec4899}.stat-card-bg.bg-teal{background:#14b8a6}@media (max-width: calc(var(--breakpoint-md) - 1px)){.stat-card-bg{width:60px;height:60px;transform:translate(20%,-20%)}}@media (min-width: var(--breakpoint-xl)){.stat-card-bg{width:100px;height:100px;transform:translate(30%,-30%)}}.stat-card--compact{padding:var(--spacing-md);min-height:80px}.stat-card--compact .stat-content{gap:var(--spacing-md)}.stat-card--compact .stat-icon{width:40px;height:40px}.stat-card--compact .stat-info .stat-value{font-size:var(--text-lg);margin-bottom:0}.stat-card--compact .stat-info .stat-label{font-size:var(--text-xs);margin-bottom:2px}.stat-card--compact .stat-card-bg{width:50px;height:50px}.stat-card--large{padding:var(--spacing-xl);min-height:160px}.stat-card--large .stat-icon{width:72px;height:72px}.stat-card--large .stat-info .stat-value{font-size:var(--text-4xl)}.stat-card--large .stat-info .stat-label{font-size:var(--text-base)}.stat-card--large .stat-card-bg{width:120px;height:120px}.stat-card--vertical .stat-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.stat-card--vertical .stat-info{flex:none}.stat-card--vertical .stat-info .stat-label,.stat-card--vertical .stat-info .stat-description{text-align:center}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-value--animated{animation:countUp .6s ease-out}.stat-card[role=button]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.stat-card[role=button]:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.stat-card{border-width:2px;border-color:var(--text-primary)}.stat-card:hover{border-color:var(--primary-color)}.stat-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.stat-card,.stat-icon,.stat-card-bg{transition:none}.stat-card:hover{transform:none}.stat-value--animated{animation:none}}.card,.table-card,.activities-card,.chart-card,.data-card,.filter-card,.overview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden;margin-bottom:var(--spacing-lg)}.card:hover,.table-card:hover,.activities-card:hover,.chart-card:hover,.data-card:hover,.filter-card:hover,.overview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-light)}.card .card-header,.table-card .card-header,.activities-card .card-header,.chart-card .card-header,.data-card .card-header,.filter-card .card-header,.overview-card .card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color-lighter);background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.card .card-header .card-title,.table-card .card-header .card-title,.activities-card .card-header .card-title,.chart-card .card-header .card-title,.data-card .card-header .card-title,.filter-card .card-header .card-title,.overview-card .card-header .card-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.card .card-header .card-title.with-icon,.table-card .card-header .card-title.with-icon,.activities-card .card-header .card-title.with-icon,.chart-card .card-header .card-title.with-icon,.data-card .card-header .card-title.with-icon,.filter-card .card-header .card-title.with-icon,.overview-card .card-header .card-title.with-icon{display:flex;align-items:center;gap:var(--spacing-sm)}.card .card-header .card-title.with-icon .card-icon,.table-card .card-header .card-title.with-icon .card-icon,.activities-card .card-header .card-title.with-icon .card-icon,.chart-card .card-header .card-title.with-icon .card-icon,.data-card .card-header .card-title.with-icon .card-icon,.filter-card .card-header .card-title.with-icon .card-icon,.overview-card .card-header .card-title.with-icon .card-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color)}.card .card-header .card-subtitle,.table-card .card-header .card-subtitle,.activities-card .card-header .card-subtitle,.chart-card .card-header .card-subtitle,.data-card .card-header .card-subtitle,.filter-card .card-header .card-subtitle,.overview-card .card-header .card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:var(--leading-normal)}.card .card-header .card-actions,.table-card .card-header .card-actions,.activities-card .card-header .card-actions,.chart-card .card-header .card-actions,.data-card .card-header .card-actions,.filter-card .card-header .card-actions,.overview-card .card-header .card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card .card-header,.table-card .card-header,.activities-card .card-header,.chart-card .card-header,.data-card .card-header,.filter-card .card-header,.overview-card .card-header{padding:var(--spacing-md);flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.card .card-header .card-actions,.table-card .card-header .card-actions,.activities-card .card-header .card-actions,.chart-card .card-header .card-actions,.data-card .card-header .card-actions,.filter-card .card-header .card-actions,.overview-card .card-header .card-actions{justify-content:flex-end}}.card .card-body,.table-card .card-body,.activities-card .card-body,.chart-card .card-body,.data-card .card-body,.filter-card .card-body,.overview-card .card-body{padding:var(--spacing-lg)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card .card-body,.table-card .card-body,.activities-card .card-body,.chart-card .card-body,.data-card .card-body,.filter-card .card-body,.overview-card .card-body{padding:var(--spacing-md)}}.card .card-footer,.table-card .card-footer,.activities-card .card-footer,.chart-card .card-footer,.data-card .card-footer,.filter-card .card-footer,.overview-card .card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color-lighter);background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card .card-footer,.table-card .card-footer,.activities-card .card-footer,.chart-card .card-footer,.data-card .card-footer,.filter-card .card-footer,.overview-card .card-footer{padding:var(--spacing-md);flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card,.table-card,.activities-card,.chart-card,.data-card,.filter-card,.overview-card{margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.card:hover,.table-card:hover,.activities-card:hover,.chart-card:hover,.data-card:hover,.filter-card:hover,.overview-card:hover{transform:none}.card .card-header,.table-card .card-header,.activities-card .card-header,.chart-card .card-header,.data-card .card-header,.filter-card .card-header,.overview-card .card-header,.card .card-body,.table-card .card-body,.activities-card .card-body,.chart-card .card-body,.data-card .card-body,.filter-card .card-body,.overview-card .card-body,.card .card-footer,.table-card .card-footer,.activities-card .card-footer,.chart-card .card-footer,.data-card .card-footer,.filter-card .card-footer,.overview-card .card-footer{padding:var(--spacing-md) var(--spacing-sm)}}.card--primary{border-left:4px solid var(--primary-color)}.card--primary .card-header{background:linear-gradient(135deg,var(--primary-extra-light),transparent)}.card--success{border-left:4px solid var(--success-color)}.card--success .card-header{background:linear-gradient(135deg,var(--success-extra-light),transparent)}.card--warning{border-left:4px solid var(--warning-color)}.card--warning .card-header{background:linear-gradient(135deg,var(--warning-extra-light),transparent)}.card--danger{border-left:4px solid var(--danger-color)}.card--danger .card-header{background:linear-gradient(135deg,var(--danger-extra-light),transparent)}.card--info{border-left:4px solid var(--info-color)}.card--info .card-header{background:linear-gradient(135deg,var(--info-extra-light),transparent)}.card--borderless{border:none;box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none;border:1px solid var(--border-color-light)}.card--compact .card-header,.card--compact .card-body,.card--compact .card-footer{padding:var(--spacing-md)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card--compact .card-header,.card--compact .card-body,.card--compact .card-footer{padding:var(--spacing-sm)}}.card--large .card-header,.card--large .card-body,.card--large .card-footer{padding:var(--spacing-xl)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.card--large .card-header,.card--large .card-body,.card--large .card-footer{padding:var(--spacing-lg)}}.overview-card .card-header .header-content{display:flex;align-items:center;gap:var(--spacing-md)}.overview-card .card-header .header-content .header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-extra-light);color:var(--primary-color)}.overview-card .card-header .header-content .header-info h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.overview-card .card-header .header-content .header-info .header-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;display:block}.overview-card.enrollment-overview .header-icon{background:linear-gradient(135deg,var(--success-extra-light),var(--success-light));color:var(--success-color)}.overview-card.activity-overview .header-icon{background:linear-gradient(135deg,var(--info-extra-light),var(--info-light));color:var(--info-color)}.filter-card{margin-bottom:var(--spacing-xl)}.filter-card .filter-form{gap:var(--spacing-md);align-items:flex-end;display:flex;flex-direction:column}@media (min-width: var(--breakpoint-md)){.filter-card .filter-form{flex-direction:row}}.filter-card .filter-form .filter-group{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));flex:1}.filter-card .filter-form .filter-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (max-width: calc(var(--breakpoint-md) - 1px)){.filter-card .filter-form .filter-actions{width:100%;justify-content:stretch}.filter-card .filter-form .filter-actions .el-button{flex:1}}.data-card .data-content{padding:var(--spacing-lg)}.data-card .data-content .data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.data-card .data-content .data-header .data-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.data-card .data-content .data-header .data-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.data-card .data-content .data-body{margin-bottom:var(--spacing-md)}.data-card .data-content .data-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-color-lighter);display:flex;justify-content:space-between;align-items:center}.data-card .data-content .data-footer .data-meta{font-size:var(--text-sm);color:var(--text-secondary)}.chart-card .chart-container{min-height:320px;position:relative;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.chart-card .chart-container .chart{width:100%;height:320px;border-radius:var(--radius-sm)}.chart-card .chart-container .chart-loading{display:flex;align-items:center;justify-content:center;min-height:320px}.chart-card .chart-container .chart-loading .el-skeleton{width:100%}.chart-card .chart-container .chart-content{height:100%;border-radius:var(--radius-sm);overflow:hidden}@media (max-width: calc(var(--breakpoint-md) - 1px)){.chart-card .chart-container{min-height:280px;padding:var(--spacing-sm)}.chart-card .chart-container .chart{height:280px}.chart-card .chart-container .chart-loading{min-height:280px}}.table-card .table-content .table-header,.activities-card .table-content .table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color-lighter)}.table-card .table-content .table-header .table-title,.activities-card .table-content .table-header .table-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.table-card .table-content .table-header .table-title:before,.activities-card .table-content .table-header .table-title:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.table-card .table-content .table-header .table-actions,.activities-card .table-content .table-header .table-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.table-card .table-content .table-body,.activities-card .table-content .table-body{padding:0}.table-card .table-content .table-body .el-table,.activities-card .table-content .table-body .el-table{border-radius:0}.table-card .table-content .table-body .el-table:deep(.el-table__header),.activities-card .table-content .table-body .el-table:deep(.el-table__header){background:var(--bg-tertiary)}.table-card .table-content .table-body .el-table:deep(.el-table__row),.activities-card .table-content .table-body .el-table:deep(.el-table__row){transition:background-color var(--transition-base)}.table-card .table-content .table-body .el-table:deep(.el-table__row):hover,.activities-card .table-content .table-body .el-table:deep(.el-table__row):hover{background:var(--bg-tertiary)}.activities-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.card[tabindex]:focus,[tabindex].overview-card:focus,[tabindex].filter-card:focus,[tabindex].data-card:focus,[tabindex].chart-card:focus,[tabindex].table-card:focus,[tabindex].activities-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.card[tabindex]:focus:not(:focus-visible),[tabindex].overview-card:focus:not(:focus-visible),[tabindex].filter-card:focus:not(:focus-visible),[tabindex].data-card:focus:not(:focus-visible),[tabindex].chart-card:focus:not(:focus-visible),[tabindex].table-card:focus:not(:focus-visible),[tabindex].activities-card:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.card,.overview-card,.filter-card,.data-card,.chart-card,.table-card,.activities-card{border-width:2px;border-color:var(--text-primary)}.card:hover,.overview-card:hover,.filter-card:hover,.data-card:hover,.chart-card:hover,.table-card:hover,.activities-card:hover{border-color:var(--primary-color)}}@media (prefers-reduced-motion: reduce){.card,.overview-card,.filter-card,.data-card,.chart-card,.table-card,.activities-card{transition:none}.card:hover,.overview-card:hover,.filter-card:hover,.data-card:hover,.chart-card:hover,.table-card:hover,.activities-card:hover{transform:none}}.unified-grid-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){.unified-grid-container{padding:0 var(--spacing-md)}}.unified-section-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.unified-section-container{padding:0 var(--spacing-md)}}@media (max-width: 768px){.unified-section-container{margin-bottom:var(--spacing-lg)}}.stats-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width: 1200px){.stats-grid-unified{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.stats-grid-unified{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.stats-grid-unified{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.stats-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.stats-grid-unified{margin-bottom:var(--spacing-lg)}}.stats-grid-unified .stat-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card{will-change:auto}.stats-grid-unified .stat-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card:before{will-change:auto}}.stats-grid-unified .stat-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card:after{display:none}}.stats-grid-unified .stat-card .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card .card-icon{will-change:auto}.stats-grid-unified .stat-card:hover .card-icon{transform:none}}.stats-grid-unified .stat-card .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card .card-trend{will-change:auto}.stats-grid-unified .stat-card:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--clickable{cursor:pointer}.stats-grid-unified .stat-card.stat-card--primary{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card.stat-card--primary:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary{will-change:auto}.stats-grid-unified .stat-card.stat-card--primary:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card.stat-card--primary:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card.stat-card--primary:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary:after{display:none}}.stats-grid-unified .stat-card.stat-card--primary .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--primary:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary .card-icon{will-change:auto}.stats-grid-unified .stat-card.stat-card--primary:hover .card-icon{transform:none}}.stats-grid-unified .stat-card.stat-card--primary .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--primary:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card.stat-card--primary:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card.stat-card--primary .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card.stat-card--primary:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary .card-trend{will-change:auto}.stats-grid-unified .stat-card.stat-card--primary:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--primary:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--primary:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--primary:before{will-change:auto}}.stats-grid-unified .stat-card.stat-card--primary:hover{box-shadow:0 20px 40px #667eea66}.stats-grid-unified .stat-card.stat-card--success{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card.stat-card--success:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success{will-change:auto}.stats-grid-unified .stat-card.stat-card--success:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card.stat-card--success:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--success:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card.stat-card--success:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success:after{display:none}}.stats-grid-unified .stat-card.stat-card--success .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--success:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success .card-icon{will-change:auto}.stats-grid-unified .stat-card.stat-card--success:hover .card-icon{transform:none}}.stats-grid-unified .stat-card.stat-card--success .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--success:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card.stat-card--success:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card.stat-card--success .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card.stat-card--success:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success .card-trend{will-change:auto}.stats-grid-unified .stat-card.stat-card--success:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--success:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-success);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--success:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--success:before{will-change:auto}}.stats-grid-unified .stat-card.stat-card--success:hover{box-shadow:0 20px 40px #10b98166}.stats-grid-unified .stat-card.stat-card--warning{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card.stat-card--warning:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning{will-change:auto}.stats-grid-unified .stat-card.stat-card--warning:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card.stat-card--warning:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--warning:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card.stat-card--warning:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning:after{display:none}}.stats-grid-unified .stat-card.stat-card--warning .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--warning:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning .card-icon{will-change:auto}.stats-grid-unified .stat-card.stat-card--warning:hover .card-icon{transform:none}}.stats-grid-unified .stat-card.stat-card--warning .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--warning:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card.stat-card--warning:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card.stat-card--warning .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card.stat-card--warning:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning .card-trend{will-change:auto}.stats-grid-unified .stat-card.stat-card--warning:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--warning:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-warning);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--warning:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--warning:before{will-change:auto}}.stats-grid-unified .stat-card.stat-card--warning:hover{box-shadow:0 20px 40px #f59e0b66}.stats-grid-unified .stat-card.stat-card--danger{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card.stat-card--danger:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger{will-change:auto}.stats-grid-unified .stat-card.stat-card--danger:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card.stat-card--danger:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--danger:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card.stat-card--danger:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger:after{display:none}}.stats-grid-unified .stat-card.stat-card--danger .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--danger:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger .card-icon{will-change:auto}.stats-grid-unified .stat-card.stat-card--danger:hover .card-icon{transform:none}}.stats-grid-unified .stat-card.stat-card--danger .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--danger:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card.stat-card--danger:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card.stat-card--danger .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card.stat-card--danger:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger .card-trend{will-change:auto}.stats-grid-unified .stat-card.stat-card--danger:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--danger:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-danger);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--danger:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--danger:before{will-change:auto}}.stats-grid-unified .stat-card.stat-card--danger:hover{box-shadow:0 20px 40px #ef444466}.stats-grid-unified .stat-card.stat-card--info{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.stats-grid-unified .stat-card.stat-card--info:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info{will-change:auto}.stats-grid-unified .stat-card.stat-card--info:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.stats-grid-unified .stat-card.stat-card--info:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--info:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.stats-grid-unified .stat-card.stat-card--info:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info:after{display:none}}.stats-grid-unified .stat-card.stat-card--info .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--info:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info .card-icon{will-change:auto}.stats-grid-unified .stat-card.stat-card--info:hover .card-icon{transform:none}}.stats-grid-unified .stat-card.stat-card--info .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--info:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info .card-value .value-number{will-change:auto}.stats-grid-unified .stat-card.stat-card--info:hover .card-value .value-number{transform:none}}.stats-grid-unified .stat-card.stat-card--info .card-trend{transition:var(--card-transition);will-change:transform}.stats-grid-unified .stat-card.stat-card--info:hover .card-trend{transform:translate(4px)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info .card-trend{will-change:auto}.stats-grid-unified .stat-card.stat-card--info:hover .card-trend{transform:none}}.stats-grid-unified .stat-card.stat-card--info:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-info);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.stats-grid-unified .stat-card.stat-card--info:hover:before{transform:scaleX(1)}@media (hover: none){.stats-grid-unified .stat-card.stat-card--info:before{will-change:auto}}.stats-grid-unified .stat-card.stat-card--info:hover{box-shadow:0 20px 40px #3b82f666}.charts-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}@media (min-width: 1200px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.charts-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 768px){.charts-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px) and (min-width: 1200px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-xl)}}@media (max-width: 768px) and (max-width: 1199px) and (min-width: 768px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px) and (max-width: 767px) and (min-width: 480px){.charts-grid-unified{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px) and (max-width: 479px){.charts-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}.charts-grid-unified .chart-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color;min-height:400px}.charts-grid-unified .chart-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.charts-grid-unified .chart-card{will-change:auto}.charts-grid-unified .chart-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.charts-grid-unified .chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.charts-grid-unified .chart-card:hover:before{transform:scaleX(1)}@media (hover: none){.charts-grid-unified .chart-card:before{will-change:auto}}.charts-grid-unified .chart-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.charts-grid-unified .chart-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.charts-grid-unified .chart-card:after{display:none}}.charts-grid-unified .chart-card .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.charts-grid-unified .chart-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.charts-grid-unified .chart-card .card-icon{will-change:auto}.charts-grid-unified .chart-card:hover .card-icon{transform:none}}.charts-grid-unified .chart-card .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.charts-grid-unified .chart-card:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.charts-grid-unified .chart-card .card-value .value-number{will-change:auto}.charts-grid-unified .chart-card:hover .card-value .value-number{transform:none}}.charts-grid-unified .chart-card .card-trend{transition:var(--card-transition);will-change:transform}.charts-grid-unified .chart-card:hover .card-trend{transform:translate(4px)}@media (hover: none){.charts-grid-unified .chart-card .card-trend{will-change:auto}.charts-grid-unified .chart-card:hover .card-trend{transform:none}}.charts-grid-unified .chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.charts-grid-unified .chart-card .chart-header .chart-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.charts-grid-unified .chart-card .chart-header .chart-actions{display:flex;gap:var(--spacing-sm)}.charts-grid-unified .chart-card .chart-content{flex:1;min-height:300px}.actions-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}@media (min-width: 1200px){.actions-grid-unified{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.actions-grid-unified{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.actions-grid-unified{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.actions-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}.actions-grid-unified .action-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.actions-grid-unified .action-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.actions-grid-unified .action-card{will-change:auto}.actions-grid-unified .action-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.actions-grid-unified .action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.actions-grid-unified .action-card:hover:before{transform:scaleX(1)}@media (hover: none){.actions-grid-unified .action-card:before{will-change:auto}}.actions-grid-unified .action-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.actions-grid-unified .action-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.actions-grid-unified .action-card:after{display:none}}.actions-grid-unified .action-card .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.actions-grid-unified .action-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.actions-grid-unified .action-card .card-icon{will-change:auto}.actions-grid-unified .action-card:hover .card-icon{transform:none}}.actions-grid-unified .action-card .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.actions-grid-unified .action-card:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.actions-grid-unified .action-card .card-value .value-number{will-change:auto}.actions-grid-unified .action-card:hover .card-value .value-number{transform:none}}.actions-grid-unified .action-card .card-trend{transition:var(--card-transition);will-change:transform}.actions-grid-unified .action-card:hover .card-trend{transform:translate(4px)}@media (hover: none){.actions-grid-unified .action-card .card-trend{will-change:auto}.actions-grid-unified .action-card:hover .card-trend{transform:none}}.actions-grid-unified .action-card:hover .action-icon{transform:scale(1.2) rotate(5deg)}.actions-grid-unified .action-card:hover .action-text{color:var(--primary-color)}.actions-grid-unified .action-card .action-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.actions-grid-unified .action-card .action-content .action-icon{font-size:24px;color:var(--primary-color);transition:var(--card-transition)}.actions-grid-unified .action-card .action-content .action-text{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);transition:var(--card-transition)}.dashboard-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media (min-width: 1200px){.dashboard-grid-unified{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.dashboard-grid-unified{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.dashboard-grid-unified{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.dashboard-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width: 1200px){.dashboard-grid-unified{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px) and (min-width: 900px){.dashboard-grid-unified{grid-template-columns:repeat(3,1fr)}}@media (max-width: 899px) and (min-width: 600px){.dashboard-grid-unified{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.dashboard-grid-unified{grid-template-columns:1fr}}.dashboard-grid-unified .dashboard-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.dashboard-grid-unified .dashboard-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.dashboard-grid-unified .dashboard-card{will-change:auto}.dashboard-grid-unified .dashboard-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.dashboard-grid-unified .dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.dashboard-grid-unified .dashboard-card:hover:before{transform:scaleX(1)}@media (hover: none){.dashboard-grid-unified .dashboard-card:before{will-change:auto}}.dashboard-grid-unified .dashboard-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.dashboard-grid-unified .dashboard-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.dashboard-grid-unified .dashboard-card:after{display:none}}.dashboard-grid-unified .dashboard-card .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.dashboard-grid-unified .dashboard-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.dashboard-grid-unified .dashboard-card .card-icon{will-change:auto}.dashboard-grid-unified .dashboard-card:hover .card-icon{transform:none}}.dashboard-grid-unified .dashboard-card .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.dashboard-grid-unified .dashboard-card:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.dashboard-grid-unified .dashboard-card .card-value .value-number{will-change:auto}.dashboard-grid-unified .dashboard-card:hover .card-value .value-number{transform:none}}.dashboard-grid-unified .dashboard-card .card-trend{transition:var(--card-transition);will-change:transform}.dashboard-grid-unified .dashboard-card:hover .card-trend{transform:translate(4px)}@media (hover: none){.dashboard-grid-unified .dashboard-card .card-trend{will-change:auto}.dashboard-grid-unified .dashboard-card:hover .card-trend{transform:none}}.dashboard-grid-unified .dashboard-card.business-center-card{min-height:160px;cursor:pointer}.dashboard-grid-unified .dashboard-card.business-center-card .center-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.dashboard-grid-unified .dashboard-card.business-center-card .center-content .center-icon{font-size:32px;color:var(--primary-color);transition:var(--card-transition)}.dashboard-grid-unified .dashboard-card.business-center-card .center-content .center-info .center-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.dashboard-grid-unified .dashboard-card.business-center-card .center-content .center-info .center-description{font-size:var(--text-sm);color:var(--text-secondary)}.dashboard-grid-unified .dashboard-card.business-center-card:hover .center-icon{transform:scale(1.15) rotate(5deg)}.center-overview-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media (min-width: 1200px){.center-overview-grid-unified{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.center-overview-grid-unified{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.center-overview-grid-unified{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.center-overview-grid-unified{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width: 1400px){.center-overview-grid-unified{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1399px) and (min-width: 1100px){.center-overview-grid-unified{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1099px) and (min-width: 800px){.center-overview-grid-unified{grid-template-columns:repeat(3,1fr)}}@media (max-width: 799px) and (min-width: 500px){.center-overview-grid-unified{grid-template-columns:repeat(2,1fr)}}@media (max-width: 499px){.center-overview-grid-unified{grid-template-columns:1fr}}.center-overview-grid-unified .overview-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color}.center-overview-grid-unified .overview-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.center-overview-grid-unified .overview-card{will-change:auto}.center-overview-grid-unified .overview-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.center-overview-grid-unified .overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.center-overview-grid-unified .overview-card:hover:before{transform:scaleX(1)}@media (hover: none){.center-overview-grid-unified .overview-card:before{will-change:auto}}.center-overview-grid-unified .overview-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.center-overview-grid-unified .overview-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.center-overview-grid-unified .overview-card:after{display:none}}.center-overview-grid-unified .overview-card .card-icon{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.center-overview-grid-unified .overview-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}@media (hover: none){.center-overview-grid-unified .overview-card .card-icon{will-change:auto}.center-overview-grid-unified .overview-card:hover .card-icon{transform:none}}.center-overview-grid-unified .overview-card .card-value .value-number{transition:var(--card-transition);will-change:transform;backface-visibility:hidden}.center-overview-grid-unified .overview-card:hover .card-value .value-number{transform:scale(1.05)}@media (hover: none){.center-overview-grid-unified .overview-card .card-value .value-number{will-change:auto}.center-overview-grid-unified .overview-card:hover .card-value .value-number{transform:none}}.center-overview-grid-unified .overview-card .card-trend{transition:var(--card-transition);will-change:transform}.center-overview-grid-unified .overview-card:hover .card-trend{transform:translate(4px)}@media (hover: none){.center-overview-grid-unified .overview-card .card-trend{will-change:auto}.center-overview-grid-unified .overview-card:hover .card-trend{transform:none}}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media (min-width: 1200px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.grid-responsive{grid-template-columns:1fr;gap:var(--spacing-md)}}.grid-responsive-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}@media (min-width: 1200px){.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.grid-responsive-sm{grid-template-columns:1fr;gap:var(--spacing-md)}}.grid-responsive-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}@media (min-width: 1200px){.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-xl)}}@media (max-width: 1199px) and (min-width: 768px){.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}}@media (max-width: 767px) and (min-width: 480px){.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 479px){.grid-responsive-lg{grid-template-columns:1fr;gap:var(--spacing-md)}}.grid-equal-height{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);align-items:stretch}.grid-equal-height>*{display:flex;flex-direction:column}.grid-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);grid-auto-rows:masonry}@media (max-width: 768px){.grid-masonry{grid-template-columns:1fr}}.grid-item-full{grid-column:1/-1}@media (min-width: 768px){.grid-item-half{grid-column:span 2}}@media (min-width: 1024px){.grid-item-third{grid-column:span 1}}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.grid-items-start{align-items:start}.grid-items-center{align-items:center}.grid-items-end{align-items:end}.grid-items-stretch{align-items:stretch}.grid-content-start{justify-content:start}.grid-content-center{justify-content:center}.grid-content-end{justify-content:end}.grid-content-between{justify-content:space-between}@media (max-width: 768px){.stats-grid-unified,.charts-grid-unified,.actions-grid-unified,.dashboard-grid-unified,.center-overview-grid-unified,.unified-grid-container,.unified-section-container{padding:0 var(--spacing-sm)}.stat-card:hover,.chart-card:hover,.action-card:hover,.dashboard-card:hover,.overview-card:hover{transform:none}}.table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm)}.table thead{background:var(--bg-tertiary)}.table thead th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-color-light);white-space:nowrap;font-size:var(--text-sm);line-height:var(--leading-tight)}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--transition-base)}.table thead th.sortable:hover,.table thead th.sortable.sorted{color:var(--primary-color)}.table thead th.sortable.sorted:after{content:"\2191";margin-left:var(--spacing-xs)}.table thead th.sortable.sorted.desc:after{content:"\2193"}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table thead th{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}}.table tbody tr{transition:background-color var(--transition-base)}.table tbody tr:hover{background:var(--bg-tertiary)}.table tbody tr:not(:last-child){border-bottom:1px solid var(--border-color-lighter)}.table tbody tr.selected{background:var(--primary-extra-light)}.table tbody tr.selected:hover{background:var(--primary-lighter)}.table tbody tr.disabled{opacity:.5;pointer-events:none}.table tbody td{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);vertical-align:middle}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table tbody td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table{border-radius:var(--radius-md)}}.table--compact thead th,.table--compact tbody td{padding:var(--spacing-sm) var(--spacing-md)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table--compact thead th,.table--compact tbody td{padding:var(--spacing-xs) var(--spacing-sm)}}.table--large thead th,.table--large tbody td{padding:var(--spacing-lg) var(--spacing-xl)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table--large thead th,.table--large tbody td{padding:var(--spacing-md) var(--spacing-lg)}}.table--bordered{border:1px solid var(--border-color-light)}.table--bordered th,.table--bordered td{border-right:1px solid var(--border-color-lighter)}.table--bordered th:last-child,.table--bordered td:last-child{border-right:none}.table--striped tbody tr:nth-child(odd){background:var(--bg-light)}.table--striped tbody tr:nth-child(odd):hover{background:var(--bg-tertiary)}.table--striped tbody tr:nth-child(odd).selected{background:var(--primary-extra-light)}.table--striped tbody tr:nth-child(odd).selected:hover{background:var(--primary-lighter)}.table--borderless thead th,.table--borderless tbody tr{border-bottom:none}.table-container{width:100%;overflow-x:auto;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.table-container .table{margin-bottom:0;min-width:600px}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.text-left{text-align:left}.text-right{text-align:right}.table-actions{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end;flex-wrap:nowrap;min-width:-moz-fit-content;min-width:fit-content}@media (max-width: calc(var(--breakpoint-md) - 1px)){.table-actions{gap:2px;flex-direction:column;align-items:stretch}.table-actions .el-button{margin:0;width:100%;min-width:unset}}.table-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;white-space:nowrap}.table-status:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.table-status--success{background:var(--success-extra-light);color:var(--success-color)}.table-status--success:before{background:var(--success-color)}.table-status--warning{background:var(--warning-extra-light);color:var(--warning-color)}.table-status--warning:before{background:var(--warning-color)}.table-status--danger{background:var(--danger-extra-light);color:var(--danger-color)}.table-status--danger:before{background:var(--danger-color)}.table-status--info{background:var(--info-extra-light);color:var(--info-color)}.table-status--info:before{background:var(--info-color)}.table-status--primary{background:var(--primary-extra-light);color:var(--primary-color)}.table-status--primary:before{background:var(--primary-color)}.table-status--default{background:var(--bg-light);color:var(--text-secondary)}.table-status--default:before{background:var(--text-placeholder)}.el-table{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color-light)}.el-table .el-table__header{background:var(--bg-tertiary)}.el-table .el-table__header th{background:transparent;border-bottom:2px solid var(--border-color-light);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.el-table .el-table__header th .cell{padding:0 var(--spacing-md);line-height:var(--leading-tight)}.el-table .el-table__body tr:hover{background:var(--bg-tertiary)}.el-table .el-table__body td{border-bottom:1px solid var(--border-color-lighter);color:var(--text-primary);font-size:var(--text-sm)}.el-table .el-table__body td .cell{padding:0 var(--spacing-md);line-height:var(--leading-normal)}.el-table .el-table__body td .cell:has(.activity-actions,.table-actions,.el-button){overflow:visible;white-space:normal}.el-table .el-table__body td .cell .activity-actions,.el-table .el-table__body td .cell .table-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.el-table .el-table__body td .cell .el-button{white-space:nowrap;flex-shrink:0}.el-table .el-table__empty-block{background:var(--bg-card)}.el-table .el-table__empty-block .el-table__empty-text{color:var(--text-placeholder)}.el-table .el-table__fixed,.el-table .el-table__fixed-right{box-shadow:var(--shadow-md)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.el-table{border-radius:var(--radius-md)}.el-table .el-table__header th .cell,.el-table .el-table__body td .cell{padding:0 var(--spacing-sm);font-size:var(--text-xs)}}.el-pagination{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) 0;background:var(--bg-card);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.el-pagination .el-pagination__total{color:var(--text-secondary);font-size:var(--text-sm)}.el-pagination .el-pager li{background:transparent;border-radius:var(--radius-sm);margin:0 2px;transition:all var(--transition-base)}.el-pagination .el-pager li:hover{background:var(--bg-tertiary)}.el-pagination .el-pager li.is-active{background:var(--primary-color);color:#fff}.el-pagination .btn-prev,.el-pagination .btn-next{background:transparent;border-radius:var(--radius-sm)}.el-pagination .btn-prev:hover,.el-pagination .btn-next:hover{background:var(--bg-tertiary)}.el-pagination .btn-prev:disabled,.el-pagination .btn-next:disabled{color:var(--text-disabled)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.el-pagination{padding:var(--spacing-md) 0}.el-pagination .el-pagination__total,.el-pagination .el-pagination__sizes{display:none}}.table tbody tr:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.table tbody tr:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.table{border:2px solid var(--text-primary)}.table th,.table td{border-color:var(--text-primary)}.table-status{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.table tbody tr,.el-table .el-table__body tr,.el-pagination .el-pager li{transition:none}}.btn-gradient{background:var(--gradient-primary);border:none;color:#fff;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base);padding:var(--spacing-sm) var(--spacing-lg);min-height:36px;min-width:64px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-gradient:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-gradient:active{transform:translateY(0)}.btn-gradient--success{background:var(--gradient-success)}.btn-gradient--warning{background:linear-gradient(135deg,var(--warning-color) 0%,var(--warning-light) 100%)}.btn-gradient--danger{background:linear-gradient(135deg,var(--danger-color) 0%,var(--danger-light) 100%)}.btn-gradient--purple{background:var(--gradient-purple)}.btn-gradient--blue{background:var(--gradient-blue)}.btn-gradient:disabled{opacity:.6;cursor:not-allowed}.btn-gradient:disabled:hover{transform:none;box-shadow:none}.btn-fab{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;border-radius:var(--radius-full);background:var(--button-primary-bg, var(--primary-color));color:#fff;border:1px solid var(--button-primary-border, var(--primary-color));box-shadow:var(--shadow-lg);z-index:var(--z-fixed);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-fab:hover{background:var(--button-primary-hover, var(--primary-light));transform:scale(1.1);box-shadow:var(--shadow-xl)}.btn-fab:active{transform:scale(1)}.btn-fab--success{background:var(--button-success-bg, var(--success-color));border-color:var(--button-success-border, var(--success-color))}.btn-fab--success:hover{background:var(--button-success-hover, var(--success-light))}.btn-fab--warning{background:var(--button-warning-bg, var(--warning-color));border-color:var(--button-warning-border, var(--warning-color))}.btn-fab--warning:hover{background:var(--button-warning-hover, var(--warning-light))}.btn-fab--danger{background:var(--button-danger-bg, var(--danger-color));border-color:var(--button-danger-border, var(--danger-color))}.btn-fab--danger:hover{background:var(--button-danger-hover, var(--danger-light))}@media (max-width: 767px){.btn-fab{bottom:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px}}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer}.btn-icon:hover{background:var(--bg-hover);border-color:var(--button-primary-border, var(--primary-color));color:var(--button-primary-bg, var(--primary-color))}.btn-icon:active{background:var(--bg-active)}.btn-icon--small{width:32px;height:32px;border-radius:var(--radius-sm)}.btn-icon--large{width:48px;height:48px;border-radius:var(--radius-lg)}.btn-icon--primary{color:var(--button-primary-bg, var(--primary-color));border-color:var(--button-primary-border, var(--primary-light))}.btn-icon--primary:hover{background:var(--primary-extra-light);border-color:var(--button-primary-border, var(--primary-color))}.btn-icon--success{color:var(--button-success-bg, var(--success-color));border-color:var(--button-success-border, var(--success-light))}.btn-icon--success:hover{background:var(--success-extra-light);border-color:var(--button-success-border, var(--success-color))}.btn-icon--warning{color:var(--button-warning-bg, var(--warning-color));border-color:var(--button-warning-border, var(--warning-light))}.btn-icon--warning:hover{background:var(--warning-extra-light);border-color:var(--button-warning-border, var(--warning-color))}.btn-icon--danger{color:var(--button-danger-bg, var(--danger-color));border-color:var(--button-danger-border, var(--danger-light))}.btn-icon--danger:hover{background:var(--danger-extra-light);border-color:var(--button-danger-border, var(--danger-color))}.btn-icon--filled{background:var(--button-primary-bg, var(--primary-color));color:#fff;border-color:var(--button-primary-border, var(--primary-color))}.btn-icon--filled:hover{background:var(--button-primary-hover, var(--primary-light));border-color:var(--button-primary-border, var(--primary-light))}.btn-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);cursor:pointer;font-weight:500}.btn-toggle:hover{background:var(--bg-hover);border-color:var(--button-primary-border, var(--primary-light));color:var(--text-primary)}.btn-toggle.active{background:var(--button-primary-bg, var(--primary-color));border-color:var(--button-primary-border, var(--primary-color));color:#fff}.btn-toggle.active:hover{background:var(--button-primary-hover, var(--primary-light));border-color:var(--button-primary-border, var(--primary-light))}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn-toggle{border-radius:0;border-right-width:0}.btn-group .btn-toggle:last-child{border-right-width:1px}.btn-group .btn-toggle:hover{z-index:1}.btn-group .btn-toggle.active{z-index:2}.btn-loading{position:relative;pointer-events:none}.btn-loading:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:rotate 1s linear infinite}.btn-loading .btn-text{opacity:0}.btn-link{background:transparent;border:none;color:var(--button-primary-bg, var(--primary-color));text-decoration:underline;cursor:pointer;font-weight:500;transition:color var(--transition-base)}.btn-link:hover{color:var(--button-primary-hover, var(--primary-light));text-decoration:none}.btn-link:active{color:var(--button-primary-active, var(--primary-dark))}.btn-link:disabled{color:var(--text-disabled);cursor:not-allowed}.btn-link:disabled:hover{text-decoration:underline}.btn-block{width:100%;display:block}.btn-inline{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-loading,.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-active{background:var(--button-primary-bg, var(--primary-color));color:#fff;border-color:var(--button-primary-border, var(--primary-color))}@media (max-width: 767px){.btn-group{flex-direction:column}.btn-group .btn-toggle{border-right-width:1px;border-bottom-width:0}.btn-group .btn-toggle:last-child{border-bottom-width:1px}.btn-fab{width:48px;height:48px;bottom:var(--spacing-lg);right:var(--spacing-lg)}.btn-icon{min-height:44px;min-width:44px}.btn-icon--small{min-height:40px;min-width:40px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-gradient:focus-visible,.btn-fab:focus-visible,.btn-icon:focus-visible,.btn-toggle:focus-visible,.btn-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-gradient:focus:not(:focus-visible),.btn-fab:focus:not(:focus-visible),.btn-icon:focus:not(:focus-visible),.btn-toggle:focus:not(:focus-visible),.btn-link:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.btn-gradient,.btn-fab,.btn-icon,.btn-toggle{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.btn-gradient,.btn-fab,.btn-icon,.btn-toggle,.btn-loading{transition:none}.btn-gradient:hover,.btn-fab:hover{transform:none}.btn-loading:before{animation:none}}.form{margin-bottom:var(--spacing-lg)}.form .form-item{margin-bottom:var(--spacing-md)}.form .form-item:last-child{margin-bottom:0}.form .form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base)}.form .form-required{color:var(--danger-color);margin-left:var(--spacing-xs)}.form .form-control{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:1.5;color:var(--text-regular);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-time) var(--transition-timing),box-shadow var(--transition-time) var(--transition-timing)}.form .form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 36, 99, 235),.1)}.form .form-control:disabled,.form .form-control[readonly]{background-color:var(--bg-secondary);opacity:.7;cursor:not-allowed}.form .form-control::-moz-placeholder{color:var(--text-placeholder)}.form .form-control::placeholder{color:var(--text-placeholder)}.form .form-help{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.form .form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--danger-color)}.form.is-valid .form-control{border-color:var(--success-color)}.form.is-invalid .form-control{border-color:var(--danger-color)}.form.form-inline{display:flex;flex-wrap:wrap;align-items:flex-end}.form.form-inline .form-item{margin-right:var(--spacing-md);margin-bottom:var(--spacing-md)}.form .form-group{margin-bottom:var(--spacing-lg)}.form .form-group .form-group-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color-light)}.form .form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light);gap:var(--spacing-sm)}.checkbox,.radio{display:flex;align-items:center;position:relative;padding-left:1.5rem;margin-bottom:var(--spacing-sm);cursor:pointer}.checkbox input,.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox input:checked~.checkmark,.radio input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox input:checked~.checkmark:after,.radio input:checked~.checkmark:after{display:block}.checkbox input:disabled~.checkmark,.radio input:disabled~.checkmark{background-color:var(--bg-secondary);border-color:var(--border-color);cursor:not-allowed}.checkbox .checkmark,.radio .checkmark{position:absolute;top:.2rem;left:0;height:1rem;width:1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);transition:all var(--transition-time) var(--transition-timing)}.checkbox .checkmark:after,.radio .checkmark:after{content:"";position:absolute;display:none}.checkbox:hover input~.checkmark,.radio:hover input~.checkmark{border-color:var(--primary-color)}.checkbox .checkmark{border-radius:var(--border-radius-sm)}.checkbox .checkmark:after{left:.3rem;top:.1rem;width:.3rem;height:.6rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio .checkmark{border-radius:50%}.radio .checkmark:after{top:.3rem;left:.3rem;width:.4rem;height:.4rem;border-radius:50%;background:white}.settings-form .form-section{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color-light);margin-bottom:var(--spacing-lg)}.settings-form .form-section:hover{border-color:var(--border-color)}.settings-form .form-section .section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color-light)}.settings-form .form-section .section-title:before{content:"";display:inline-block;width:4px;height:20px;background:var(--gradient-primary);border-radius:2px;margin-right:var(--spacing-sm);vertical-align:middle}.search-form{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);margin-bottom:var(--spacing-xl)}.search-form .search-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 768px){.search-form .search-actions{width:100%}.search-form .search-actions .el-button{flex:1}}.form-skeleton .skeleton-section{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.form-skeleton .skeleton-section .skeleton-title{width:30%;height:20px;margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);background:var(--bg-hover)}.form-skeleton .skeleton-section .skeleton-field{margin-bottom:var(--spacing-lg)}.form-skeleton .skeleton-section .skeleton-field .skeleton-label{width:25%;height:16px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-hover)}.form-skeleton .skeleton-section .skeleton-field .skeleton-input{width:70%;height:40px;border-radius:var(--radius-md);background:var(--bg-hover)}.ai-conv-drawer-overlay{background-color:#00000080!important}.el-drawer{background-color:#fff!important}.el-drawer .el-drawer__body{background-color:#fff!important;padding:0!important}:root.theme-dark .el-drawer{background-color:var(--bg-card)!important}:root.theme-dark .el-drawer .el-drawer__body{background-color:var(--bg-card)!important}.conversation-drawer{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;position:relative;overflow:hidden}.conversation-drawer:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none}:root.theme-dark .conversation-drawer{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)!important}.drawer-header{padding:24px 24px 16px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(226,232,240,.6);position:relative;z-index:3}.drawer-header .header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-header .header-content .header-title{display:flex;align-items:center;gap:12px}.drawer-header .header-content .header-title .title-icon{font-size:24px;color:#6366f1;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);padding:8px;border-radius:12px;animation:iconFloat 3s ease-in-out infinite}.drawer-header .header-content .header-title h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#1e293b 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drawer-header .header-content .close-btn{background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.6);border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;color:#64748b}.drawer-header .header-content .close-btn:hover{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#ef4444;transform:scale(1.1)}.drawer-header .header-content .close-btn .el-icon{font-size:16px}.drawer-header .header-subtitle{font-size:14px;color:#64748b;opacity:.8;margin-left:48px}:root.theme-dark .drawer-header{background:rgba(var(--bg-card-rgb),.9);border-bottom-color:var(--border-color)}:root.theme-dark .drawer-header .header-content .header-title .title-icon{color:var(--primary-color);background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%)}:root.theme-dark .drawer-header .header-content .header-title h3{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.theme-dark .drawer-header .header-content .close-btn{background:rgba(var(--bg-hover-rgb),.8);border-color:var(--border-color);color:var(--text-secondary)}:root.theme-dark .drawer-header .header-content .close-btn:hover{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ef4444}:root.theme-dark .drawer-header .header-subtitle{color:var(--text-muted)}.drawer-actions{display:flex;gap:12px;padding:24px 24px 20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.6);position:relative;z-index:2}.drawer-actions .el-button{border-radius:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-actions .el-button--primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;box-shadow:0 4px 12px #6366f14d}.drawer-actions .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.drawer-actions .el-button:not(.el-button--primary){background:rgba(255,255,255,.7);border:1px solid rgba(226,232,240,.8);color:#64748b}.drawer-actions .el-button:not(.el-button--primary):hover{background:rgba(255,255,255,.9);border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}:root.theme-dark .drawer-actions{background:rgba(var(--bg-card-rgb),.8);border-bottom-color:var(--border-color)}:root.theme-dark .drawer-actions .el-button--primary{background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);box-shadow:0 4px 12px #6366f166}:root.theme-dark .drawer-actions .el-button--primary:hover{box-shadow:0 8px 20px #6366f180}:root.theme-dark .drawer-actions .el-button:not(.el-button--primary){background:rgba(var(--bg-hover-rgb),.7);border-color:var(--border-color);color:var(--text-secondary)}:root.theme-dark .drawer-actions .el-button:not(.el-button--primary):hover{background:rgba(var(--bg-hover-rgb),.9);border-color:var(--primary-color);color:var(--primary-color)}.conversation-list{display:flex;flex-direction:column;gap:6px;padding:12px 16px;position:relative;z-index:1}.conversation-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid #e5e7eb;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden;margin-bottom:6px;box-shadow:0 1px 3px #0000000d}.conversation-item:hover{background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 4px #3b82f61a}.conversation-item:active{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;transition:all .1s ease}.conversation-item.active{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-color:#6366f1;box-shadow:0 8px 20px #6366f133,inset 0 1px #fff3}.conversation-item.pinned{border-color:#f59e0b66;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,rgba(251,191,36,.05) 100%)}:root.theme-dark .conversation-item{border-color:var(--border-color);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-hover) 100%);color:var(--text-primary)}:root.theme-dark .conversation-item:hover{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border-color:var(--primary-color)}:root.theme-dark .conversation-item.active{background:linear-gradient(135deg,rgba(99,102,241,.2) 0%,rgba(139,92,246,.2) 100%);border-color:var(--primary-color)}.conversation-main{flex:1;min-width:0;position:relative;z-index:2}.conversation-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.conversation-header .title-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.conversation-header .title-wrapper .pin-icon{flex-shrink:0;font-size:16px;color:#f59e0b;animation:pinGlow 2s ease-in-out infinite}.conversation-header .title-wrapper .title{font-weight:600;font-size:15px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;transition:color .3s ease}:root.theme-dark .conversation-header .title-wrapper .title{color:var(--text-primary)}.conversation-header .time{font-size:12px;color:#6b7280;white-space:nowrap;margin-left:12px;font-weight:500;background:rgba(107,114,128,.08);padding:3px 8px;border-radius:6px;transition:all .3s ease}:root.theme-dark .conversation-header .time{color:var(--text-secondary);background:rgba(255,255,255,.1)}.conversation-preview{font-size:13px;color:#6b7280;opacity:.8;margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:italic;transition:color .3s ease}:root.theme-dark .conversation-preview{color:var(--text-muted)}.conversation-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#94a3b8}.conversation-meta .message-count{display:flex;align-items:center;gap:4px;background:rgba(59,130,246,.08);padding:3px 8px;border-radius:6px;transition:all .3s ease;font-weight:500}.conversation-meta .message-count .el-icon{font-size:13px;color:#3b82f6}:root.theme-dark .conversation-meta .message-count{background:rgba(99,102,241,.2);color:var(--text-secondary)}:root.theme-dark .conversation-meta .message-count .el-icon{color:var(--primary-color)}.conversation-meta .unread-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600;min-width:18px;text-align:center;animation:pulse 2s infinite}:root.theme-dark .conversation-meta{color:var(--text-muted)}.conversation-item{animation:slideInUp .3s cubic-bezier(.25,.8,.25,1);animation-fill-mode:both}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.conversation-item:nth-child(1){animation-delay:.05s}.conversation-item:nth-child(2){animation-delay:.1s}.conversation-item:nth-child(3){animation-delay:.15s}.conversation-item:nth-child(4){animation-delay:.2s}.conversation-item:nth-child(5){animation-delay:.25s}.conversation-item:nth-child(n+6){animation-delay:.3s}@keyframes pinGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes backgroundFloat{0%,to{transform:translate(-50%,-50%) rotate(0)}33%{transform:translate(-48%,-52%) rotate(120deg)}66%{transform:translate(-52%,-48%) rotate(240deg)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.conversation-item{padding:12px 16px;margin-bottom:4px}.conversation-item .conversation-header{margin-bottom:4px}.conversation-item .conversation-header .title-wrapper .title{font-size:14px}.conversation-item .conversation-header .time{font-size:11px;padding:2px 6px}.conversation-item .conversation-preview{font-size:12px;margin-bottom:6px}.conversation-item .conversation-meta{font-size:12px;gap:8px}.conversation-item .conversation-meta .message-count{padding:2px 6px;font-size:11px}.conversation-item .conversation-meta .message-count .el-icon{font-size:12px}.conversation-list{padding:8px 12px;gap:4px}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--spacing-5xl: 96px;--app-gap-xs: var(--spacing-xs);--app-gap-sm: var(--spacing-sm);--app-gap: var(--spacing-md);--app-gap-lg: var(--spacing-lg);--app-gap-xl: var(--spacing-xl);--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--primary-color: #409eff;--primary-light: #79bbff;--primary-lighter: #a0cfff;--primary-extra-light: #c6e2ff;--primary-dark: #337ecc;--primary-darker: #267cbe;--success-color: #67c23a;--success-light: #85ce61;--success-lighter: #b3e19d;--success-extra-light: #e1f3d8;--warning-color: #e6a23c;--warning-light: #ebb563;--warning-lighter: #f0c78a;--warning-extra-light: #f5dab1;--danger-color: #f56c6c;--danger-light: #f78989;--danger-lighter: #fab6b6;--danger-extra-light: #fcd3d3;--info-color: #909399;--info-light: #a6a9ad;--info-lighter: #c8c9cc;--info-extra-light: #dedfe0;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--text-tertiary: #a8abb2;--text-placeholder: #c0c4cc;--text-disabled: #dcdfe6;--text-muted: var(--text-secondary);--bg-color: #ffffff;--bg-color-page: #f2f3f5;--bg-color-overlay: rgba(255, 255, 255, .9);--bg-card: var(--bg-color);--bg-secondary: var(--bg-color-page);--bg-tertiary: #fafafa;--bg-hover: #f5f7fa;--bg-active: #ecf5ff;--primary-light-bg: rgba(64, 158, 255, .1);--success-light-bg: rgba(103, 194, 58, .1);--warning-light-bg: rgba(230, 162, 60, .1);--danger-light-bg: rgba(245, 108, 108, .1);--info-light-bg: rgba(144, 147, 153, .1);--border-color: #dcdfe6;--border-color-light: #e4e7ed;--border-color-lighter: #ebeef5;--border-color-extra-light: #f2f6fc;--border-color-dark: #d3d4d6;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);--gradient-success: linear-gradient(135deg, var(--success-color) 0%, var(--success-light) 100%);--gradient-info: linear-gradient(135deg, var(--info-color) 0%, var(--info-light) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-light) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-color) 0%, var(--danger-light) 100%);--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-blue: linear-gradient(135deg, var(--primary-color) 0%, #36d1dc 100%);--gradient-orange: linear-gradient(135deg, #ff8a00 0%, #e52e71 100%);--gradient-red: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);--gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--text-on-primary: #ffffff;--text-on-primary-secondary: rgba(255, 255, 255, .9);--text-on-secondary: var(--text-primary);--text-on-success: #ffffff;--text-on-warning: #ffffff;--text-on-danger: #ffffff;--text-on-info: #ffffff;--button-on-primary-bg: rgba(255, 255, 255, .2);--button-on-primary-border: rgba(255, 255, 255, .3);--button-on-primary-hover-bg: rgba(255, 255, 255, .3);--button-on-primary-hover-border: rgba(255, 255, 255, .5);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--card-bg: var(--bg-card);--card-border: var(--border-color);--card-border-hover: var(--border-focus);--card-radius: var(--radius-xl);--card-padding: var(--spacing-lg);--card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--card-shadow-hover: 0 16px 32px rgba(0, 0, 0, .12);--card-backdrop-filter: blur(10px);--card-transition: all .3s cubic-bezier(.25, .46, .45, .94);--card-transition-fast: transform .2s ease-out, opacity .2s ease-out;--card-transform-hover: translateY(-6px) scale(1.015);--card-will-change: transform, box-shadow, border-color;--card-backface-visibility: hidden;--card-gradient-border-height: 4px;--card-gradient-primary: linear-gradient(90deg, #667eea, #764ba2);--card-gradient-success: linear-gradient(90deg, #10b981, #059669);--card-gradient-warning: linear-gradient(90deg, #f59e0b, #d97706);--card-gradient-danger: linear-gradient(90deg, #ef4444, #dc2626);--card-gradient-info: linear-gradient(90deg, #3b82f6, #1d4ed8);--card-glow-size: 100px;--card-glow-color: rgba(255, 255, 255, .1);--font-family-base: "Inter", -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-family-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--header-height: 64px;--toolbar-height: 48px;--footer-height: 60px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--container-padding-mobile: var(--spacing-md);--container-padding-tablet: var(--spacing-lg);--container-padding-desktop: var(--spacing-xl)}[data-theme=dark],.theme-dark{--text-primary: #ffffff;--text-regular: #e5e6e8;--text-secondary: #a3a6ad;--text-placeholder: #6c6e72;--text-disabled: #5c5e66;--primary-color: #8b5cf6;--primary-hover: #7c3aed;--primary-light: #a78bfa;--text-on-primary: #ffffff;--text-on-primary-secondary: rgba(255, 255, 255, .8);--text-on-secondary: var(--text-primary);--button-on-primary-bg: rgba(255, 255, 255, .15);--button-on-primary-border: rgba(255, 255, 255, .25);--button-on-primary-hover-bg: rgba(255, 255, 255, .25);--button-on-primary-hover-border: rgba(255, 255, 255, .4);--bg-color: #1d1e1f;--bg-color-page: #141414;--bg-color-overlay: rgba(29, 30, 31, .9);--bg-card: #262727;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: #2f3033;--bg-active: #3c4043;--border-color: #414243;--border-color-light: #363637;--border-color-lighter: #2b2b2c;--border-color-extra-light: #202021;--border-color-dark: #4c4d4f;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--card-shadow: 0 4px 16px rgba(0, 0, 0, .3);--card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .4);--card-glow-color: rgba(255, 255, 255, .05)}[data-theme=glass-light]{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: rgba(255, 255, 255, .35);--bg-tertiary: rgba(255, 255, 255, .25);--bg-card: rgba(255, 255, 255, .4);--bg-hover: rgba(255, 255, 255, .5);--bg-active: rgba(255, 255, 255, .6);--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--text-inverse: #ffffff;--border-primary: rgba(255, 255, 255, .3);--border-secondary: rgba(255, 255, 255, .2);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: var(--text-primary);--sidebar-text-hover: var(--text-primary);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(31, 38, 135, .37)}[data-theme=glass-dark]{--bg-primary: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);--bg-secondary: rgba(15, 15, 35, .85);--bg-tertiary: rgba(26, 26, 46, .75);--bg-card: rgba(22, 33, 62, .6);--bg-hover: rgba(22, 33, 62, .8);--bg-active: rgba(22, 33, 62, .9);--text-primary: #f7fafc;--text-secondary: #cbd5e0;--text-tertiary: #a0aec0;--text-inverse: #ffffff;--border-primary: rgba(226, 232, 240, .2);--border-secondary: rgba(226, 232, 240, .1);--accent-primary: #4299e1;--accent-secondary: #3182ce;--accent-gradient: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: #f7fafc;--sidebar-text-hover: var(--text-inverse);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(0, 0, 0, .5)}[data-theme=neon-glass]{--bg-primary: linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #1a0a1a 100%);--bg-secondary: rgba(0, 0, 0, .8);--bg-tertiary: rgba(26, 10, 26, .7);--bg-card: rgba(26, 10, 26, .5);--bg-hover: rgba(255, 0, 255, .1);--bg-active: rgba(255, 0, 255, .2);--text-primary: #ff44ff;--text-secondary: #ff77ff;--text-tertiary: #ffaaff;--text-inverse: #ffffff;--border-primary: rgba(255, 0, 255, .3);--border-secondary: rgba(255, 0, 255, .2);--accent-primary: #ff44ff;--accent-secondary: #00ffff;--accent-gradient: linear-gradient(135deg, #ff44ff 0%, #00ffff 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: #ffccff;--sidebar-text-hover: var(--text-inverse);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(255, 0, 255, .3)}[data-theme=gradient-glass]{--bg-primary: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 20%, #45b7d1 40%, #f9ca24 60%, #f0932b 80%, #ee5a24 100%);--bg-secondary: rgba(255, 255, 255, .25);--bg-tertiary: rgba(255, 255, 255, .15);--bg-card: rgba(255, 255, 255, .3);--bg-hover: rgba(255, 255, 255, .4);--bg-active: rgba(255, 255, 255, .5);--text-primary: #1a202c;--text-secondary: #2d3748;--text-tertiary: #4a5568;--text-inverse: #ffffff;--border-primary: rgba(255, 255, 255, .4);--border-secondary: rgba(255, 255, 255, .3);--accent-primary: #ff6b6b;--accent-secondary: #4ecdc4;--accent-gradient: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 50%, #45b7d1 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: #1a202c;--sidebar-text-hover: var(--text-primary);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(255, 107, 107, .2)}[data-theme=bright-summer]{--bg-primary: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 25%, #fd79a8 50%, #e17055 75%, #fdcb6e 100%);--bg-secondary: rgba(255, 255, 255, .9);--bg-tertiary: rgba(255, 255, 255, .8);--bg-card: rgba(255, 255, 255, .95);--bg-hover: rgba(255, 234, 167, .3);--bg-active: rgba(255, 234, 167, .5);--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--text-inverse: #ffffff;--border-primary: rgba(225, 112, 85, .3);--border-secondary: rgba(225, 112, 85, .2);--accent-primary: #fd79a8;--accent-secondary: #e17055;--accent-gradient: linear-gradient(135deg, #fd79a8 0%, #e17055 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: var(--text-primary);--sidebar-text-hover: var(--text-primary);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(255, 234, 167, .3)}[data-theme=bright-nature]{--bg-primary: linear-gradient(135deg, #a8e6cf 0%, #dcedc1 25%, #c7f2c3 50%, #7fcdcd 75%, #87ceeb 100%);--bg-secondary: rgba(255, 255, 255, .9);--bg-tertiary: rgba(255, 255, 255, .8);--bg-card: rgba(255, 255, 255, .95);--bg-hover: rgba(168, 230, 207, .3);--bg-active: rgba(168, 230, 207, .5);--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--text-inverse: #ffffff;--border-primary: rgba(127, 205, 205, .3);--border-secondary: rgba(127, 205, 205, .2);--accent-primary: #7fcdcd;--accent-secondary: #a8e6cf;--accent-gradient: linear-gradient(135deg, #a8e6cf 0%, #7fcdcd 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: var(--text-primary);--sidebar-text-hover: var(--text-primary);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(168, 230, 207, .3)}[data-theme=bright-minimalist]{--bg-primary: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #cbd5e1 50%, #f1f5f9 75%, #ffffff 100%);--bg-secondary: rgba(255, 255, 255, .95);--bg-tertiary: rgba(248, 250, 252, .9);--bg-card: rgba(255, 255, 255, 1);--bg-hover: rgba(226, 232, 240, .5);--bg-active: rgba(203, 213, 225, .5);--text-primary: #1a202c;--text-secondary: #2d3748;--text-tertiary: #4a5568;--text-inverse: #ffffff;--border-primary: rgba(203, 213, 225, .6);--border-secondary: rgba(226, 232, 240, .4);--accent-primary: #4299e1;--accent-secondary: #3182ce;--accent-gradient: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);--sidebar-bg: var(--bg-secondary);--sidebar-text: #1a202c;--sidebar-text-hover: var(--text-primary);--sidebar-border: var(--border-primary);--sidebar-item-hover: var(--bg-hover);--sidebar-backdrop: blur(16px);--sidebar-shadow: 0 8px 32px rgba(226, 232, 240, .5)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-slower: 0ms}}@media (prefers-contrast: high){:root{--border-color: #000000;--border-color-light: #333333;--text-primary: #000000}[data-theme=dark]{--border-color: #ffffff;--border-color-light: #cccccc;--text-primary: #ffffff}}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-card{background-color:var(--bg-card)}.bg-secondary{background-color:var(--bg-secondary)}.bg-hover{background-color:var(--bg-hover)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}:root{--gradient-primary-start: #667eea;--gradient-primary-end: #764ba2;--gradient-success-start: #66bb6a;--gradient-success-end: #4caf50;--gradient-warning-start: #ff9800;--gradient-warning-end: #ff7043;--gradient-purple-start: #8b5cf6;--gradient-purple-end: #a855f7;--glow-primary: rgba(102, 126, 234, .3);--glow-success: rgba(102, 187, 106, .3);--glow-warning: rgba(255, 152, 0, .3);--glow-purple: rgba(139, 92, 246, .3);--backdrop-blur: blur(10px);--backdrop-blur-sm: blur(5px);--border-glass: rgba(255, 255, 255, .1);--button-glass-bg: rgba(255, 255, 255, .15);--button-glass-border: rgba(255, 255, 255, .2);--button-glass-hover-bg: rgba(255, 255, 255, .25);--button-glass-hover-border: rgba(255, 255, 255, .4);--button-primary-glass-bg: rgba(255, 255, 255, .9);--tag-bg: rgba(255, 255, 255, .1);--tag-border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .1);--card-border: rgba(255, 255, 255, .2);--card-radius: var(--radius-xl);--card-padding: var(--spacing-lg);--card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .15);--card-backdrop-filter: var(--backdrop-blur);--card-transition: all .3s cubic-bezier(.25, .46, .45, .94);--card-transform-hover: translateY(-8px) scale(1.02);--card-border-hover: var(--primary-light);--card-gradient-border-height: 4px;--card-gradient-primary: linear-gradient(90deg, var(--gradient-primary-start), var(--gradient-primary-end));--card-glow-size: 120px;--card-glow-color: var(--glow-primary);--icon-sm: 16px;--icon-md: 40px;--icon-lg: 48px;--icon-xl: 64px}.media-center .welcome-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--gradient-purple-start) 0%,var(--gradient-purple-end) 100%)!important;border-radius:var(--radius-xl);color:var(--text-inverse)!important;box-shadow:0 8px 32px var(--glow-purple)!important;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-glass)!important}.media-center .welcome-section .welcome-content{flex:1}.media-center .welcome-section .welcome-content h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.media-center .welcome-section .welcome-content p{margin:0;font-size:var(--text-base);opacity:.9;line-height:var(--leading-relaxed)}.media-center .welcome-section .header-actions{display:flex;gap:var(--spacing-sm);margin-left:var(--spacing-lg)}.media-center .welcome-section .header-actions .el-button{background:var(--button-glass-bg);border:1px solid var(--button-glass-border);color:var(--text-inverse);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:var(--transition-base)}.media-center .welcome-section .header-actions .el-button:hover{background:var(--button-glass-hover-bg);border-color:var(--button-glass-hover-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-center .welcome-section .header-actions .el-button.el-button--primary{background:var(--button-primary-glass-bg);color:var(--gradient-purple-start)}.media-center .welcome-section .header-actions .el-button.el-button--primary:hover{background:var(--text-inverse);transform:translateY(-2px);box-shadow:0 4px 16px var(--glow-purple)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.media-center .welcome-section{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.media-center .welcome-section .header-actions{margin-left:0;margin-top:var(--spacing-md);justify-content:center}}.media-center .feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.media-center .feature-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}.media-center .feature-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;will-change:transform,box-shadow,border-color;cursor:pointer;min-height:200px}.media-center .feature-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}@media (hover: none){.media-center .feature-card{will-change:auto}.media-center .feature-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--card-border)}}.media-center .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--card-gradient-border-height);background:var(--card-gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--card-transition);z-index:1;will-change:transform;backface-visibility:hidden}.media-center .feature-card:hover:before{transform:scaleX(1)}@media (hover: none){.media-center .feature-card:before{will-change:auto}}.media-center .feature-card:after{content:"";position:absolute;top:50%;right:-50px;width:var(--card-glow-size);height:var(--card-glow-size);background:radial-gradient(circle,var(--card-glow-color) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;will-change:opacity,transform;transform:translate(0)}.media-center .feature-card:hover:after{opacity:1;transform:translate(20px)}@media (hover: none){.media-center .feature-card:after{display:none}}.media-center .feature-card .card-icon{width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--card-gradient, var(--gradient-primary-start)),var(--card-gradient-end, var(--gradient-primary-end)));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:var(--transition-base);will-change:transform;backface-visibility:hidden}.media-center .feature-card .card-icon .el-icon{font-size:var(--text-xl);color:var(--text-inverse)}.media-center .feature-card .card-content h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);transition:var(--transition-base);will-change:transform}.media-center .feature-card .card-content p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.media-center .feature-card .card-content .card-stats{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.media-center .feature-card .card-content .card-stats span{padding:var(--spacing-xs) var(--spacing-sm);background:var(--tag-bg);color:var(--card-gradient, var(--primary-color));border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:1px solid var(--tag-border)}.media-center .feature-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.media-center .feature-card:hover .card-content h3{transform:scale(1.05)}@media (hover: none){.media-center .feature-card:hover .card-icon,.media-center .feature-card:hover .card-content h3{transform:none}}.media-center .feature-card--copywriting{--card-gradient: var(--gradient-primary-start);--card-gradient-end: var(--gradient-primary-end);--card-border-hover: var(--primary-light);--card-glow-color: var(--glow-primary)}.media-center .feature-card--article{--card-gradient: var(--gradient-success-start);--card-gradient-end: var(--gradient-success-end);--card-border-hover: var(--success-light);--card-glow-color: var(--glow-success)}.media-center .feature-card--video{--card-gradient: var(--gradient-warning-start);--card-gradient-end: var(--gradient-warning-end);--card-border-hover: var(--warning-light);--card-glow-color: var(--glow-warning)}.media-center .recent-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.media-center .recent-section .section-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.media-center .recent-section .section-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}}.media-center .recent-section .recent-list{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-backdrop-filter);backdrop-filter:var(--card-backdrop-filter);transition:var(--card-transition);overflow:hidden;padding:0}.media-center .recent-section .recent-list .recent-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-lighter);transition:var(--transition-base)}.media-center .recent-section .recent-list .recent-item:last-child{border-bottom:none}.media-center .recent-section .recent-list .recent-item:hover{background:var(--bg-hover)}.media-center .recent-section .recent-list .recent-item .recent-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md)}.media-center .recent-section .recent-list .recent-item .recent-icon .el-icon{font-size:var(--text-lg);color:var(--primary-color)}.media-center .recent-section .recent-list .recent-item .recent-info{flex:1}.media-center .recent-section .recent-list .recent-item .recent-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.media-center .recent-section .recent-list .recent-item .recent-info .recent-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.media-center .recent-section .recent-list .recent-item .recent-info .recent-meta .recent-time{color:var(--text-tertiary);font-size:var(--text-sm)}.media-center .recent-section .recent-list .recent-item .recent-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: calc(var(--breakpoint-md) - 1px)){.media-center .recent-section .recent-list .recent-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.media-center .recent-section .recent-list .recent-item .recent-icon{margin-right:0;align-self:flex-start}.media-center .recent-section .recent-list .recent-item .recent-actions{justify-content:flex-end}}:root{--primary-color: #7c7ff5;--primary-light: #9a9dfa;--primary-dark: #5a5dc7;--primary-gradient: linear-gradient(135deg, #7c7ff5 0%, #9a9dfa 100%);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-color: #10b981;--success-bg: #dcfce7;--warning-color: #f59e0b;--warning-bg: #fef3c7;--danger-color: #ef4444;--danger-bg: #fee2e2;--info-color: #3b82f6;--info-bg: #dbeafe;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--header-height: 64px;--content-max-width: 1400px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-800);background:var(--gray-50)}.app-container{min-height:100vh;display:flex;background:var(--gray-50)}.app-container.theme-light{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb}.sidebar{width:var(--sidebar-width);background:white;border-right:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-desc,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .nav-item .nav-content{display:none}.sidebar .user-section{padding:var(--spacing-lg);border-top:1px solid var(--gray-200);background:var(--gray-50)}.sidebar .user-section .user-info{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar .user-section .user-info .user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.sidebar .user-section .user-info .user-details{flex:1;min-width:0}.sidebar .user-section .user-info .user-details .user-name{font-size:14px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-section .user-info .user-details .user-role{font-size:12px;color:var(--gray-500);margin-top:2px}.main-container{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;background:var(--gray-50);min-width:0;transition:margin-left var(--transition-base)}.main-container.main-expanded{margin-left:var(--sidebar-collapsed-width)}.main-container .navbar{height:var(--header-height);background:white;border-bottom:1px solid var(--gray-200);padding:0 var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.main-container .navbar .navbar-left{flex:1}.main-container .navbar .navbar-left .el-breadcrumb{font-size:14px}.main-container .navbar .navbar-left .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:var(--gray-600)}.main-container .navbar .navbar-left .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner:hover{color:var(--primary-color)}.main-container .navbar .navbar-left .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--gray-800);font-weight:500}.main-container .navbar .navbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.main-container .navbar .navbar-right .header-action-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gray-100);border:none;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.main-container .navbar .navbar-right .header-action-btn:hover{background:var(--gray-200);color:var(--gray-800)}.main-container .navbar .navbar-right .header-action-btn:active{transform:scale(.95)}.main-container .page-content{flex:1;padding:var(--spacing-2xl);overflow-y:auto}.main-container .page-content>*{max-width:100%;margin:0;width:100%}.stat-card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--gray-200);transition:all var(--transition-base);height:100%;min-height:120px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.stat-card .stat-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.stat-card .stat-main{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-card .stat-main .stat-value{font-size:32px;font-weight:700;color:var(--gray-900);line-height:1}.stat-card .stat-main .stat-unit{font-size:14px;color:var(--gray-500);font-weight:500}.stat-card .stat-footer{display:flex;justify-content:space-between;align-items:center}.stat-card .stat-footer .stat-title{font-size:14px;color:var(--gray-600);font-weight:500}.stat-card .stat-footer .stat-trend{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-md);font-size:12px;font-weight:600}.stat-card .stat-footer .stat-trend.positive{background:var(--success-bg);color:var(--success-color)}.stat-card .stat-footer .stat-trend.negative{background:var(--danger-bg);color:var(--danger-color)}.chart-container{background:white;border-radius:var(--radius-lg);padding:var(--spacing-2xl);border:1px solid var(--gray-200);min-height:400px}.chart-container .chart-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:flex-start}.chart-container .chart-header .chart-info .chart-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.chart-container .chart-header .chart-info .chart-subtitle{font-size:13px;color:var(--gray-500)}.chart-container .chart-header .chart-actions{display:flex;gap:var(--spacing-sm)}.chart-container .chart-header .chart-actions button{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-300);background:white;color:var(--gray-600);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.chart-container .chart-header .chart-actions button:hover{background:var(--gray-50);border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 1400px){.stats-section .cds-col-lg-4{width:50%}}@media (max-width: 1024px){:root{--sidebar-width: 240px}.main-container .navbar{padding:0 var(--spacing-lg)}.main-container .page-content{padding:var(--spacing-lg)}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.show{transform:translate(0)}.main-container{margin-left:0!important}.main-container .navbar-right .user-info{display:none}.stats-section .cds-col-lg-4{width:100%}.charts-grid,.actions-grid{grid-template-columns:1fr!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.page-content>*{animation:fadeIn .3s ease-out}.nav-item{animation:slideInLeft .3s ease-out;animation-fill-mode:both}.nav-item:nth-child(1){animation-delay:.05s}.nav-item:nth-child(2){animation-delay:.1s}.nav-item:nth-child(3){animation-delay:.15s}.nav-item:nth-child(4){animation-delay:.2s}.nav-item:nth-child(5){animation-delay:.25s}.nav-item:nth-child(6){animation-delay:.3s}.nav-item:nth-child(7){animation-delay:.35s}.nav-item:nth-child(8){animation-delay:.4s}.nav-item:nth-child(9){animation-delay:.45s}.nav-item:nth-child(10){animation-delay:.5s}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-danger{color:var(--danger-color)!important}.text-info{color:var(--info-color)!important}.bg-primary{background:var(--primary-color)!important}.bg-success{background:var(--success-bg)!important}.bg-warning{background:var(--warning-bg)!important}.bg-danger{background:var(--danger-bg)!important}.bg-info{background:var(--info-bg)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.app-container{display:flex;height:100vh;overflow:hidden;position:relative;background-color:var(--bg-secondary, #f5f7fa)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width, 240px);background:var(--sidebar-bg, #ffffff);border-right:1px solid var(--border-color, #e5e7eb);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed, 64px)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-content,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item .nav-icon{margin:0}.main-container{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width, 240px);transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;background:var(--bg-secondary, #f5f7fa);position:relative;overflow:hidden}.main-container.main-expanded{margin-left:var(--sidebar-width-collapsed, 64px)}.main-container .navbar{height:var(--header-height, 64px);background:var(--bg-color, #ffffff);border-bottom:1px solid var(--border-color-lighter, #ebeef5);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:100;flex-shrink:0}.main-container .page-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary, #f5f7fa);position:relative}.main-container .page-content>*{max-width:var(--container-2xl, 1536px);margin:0 auto;padding:24px;width:100%}.main-container .page-content>*.page-container,.main-container .page-content>*.center-page{padding:24px}.main-container .page-content>* .el-card{margin-bottom:20px}.main-container .page-content>* .el-card:last-child{margin-bottom:0}@media screen and (max-width: 1280px){.main-container .page-content>*{max-width:100%;padding:20px}}@media screen and (max-width: 1024px){.sidebar{width:var(--sidebar-width, 260px)}.sidebar.collapsed{width:var(--sidebar-width-collapsed, 64px)}.main-container{margin-left:var(--sidebar-width, 260px)}.main-container.main-expanded{margin-left:var(--sidebar-width-collapsed, 64px)}.main-container .navbar{padding:0 20px}.main-container .page-content>*{padding:16px}}@media screen and (max-width: 768px){.sidebar{position:fixed;transform:translate(-100%);z-index:1050;width:var(--sidebar-width, 240px)!important}.sidebar.sidebar-open,.sidebar.show{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.main-container,.main-container.main-expanded{margin-left:0!important}.main-container .navbar{padding:0 16px}.main-container .page-content>*{padding:12px;max-width:100%}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1040;display:block}}.center-page{display:flex;flex-direction:column;height:100%}.center-page .center-header{flex-shrink:0;padding:20px 24px;background:var(--bg-color, #ffffff);border-bottom:1px solid var(--border-color-lighter, #ebeef5)}.center-page .center-content{flex:1;overflow-y:auto;padding:24px}.center-page .center-content .grid-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 768px){.center-page .center-content .grid-container{grid-template-columns:1fr;gap:16px}}.dashboard-container .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 768px){.dashboard-container .stats-cards{grid-template-columns:1fr;gap:16px}}.dashboard-container .charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}@media (max-width: 768px){.dashboard-container .charts-row{grid-template-columns:1fr}}.theme-dark .sidebar,[data-theme=dark] .sidebar{background:var(--bg-primary, #1d1e1f);border-right-color:var(--border-color, #414243)}.theme-dark .main-container,[data-theme=dark] .main-container{background:var(--bg-secondary, #141414)}.theme-dark .main-container .navbar,[data-theme=dark] .main-container .navbar{background:var(--bg-color, #1d1e1f);border-bottom-color:var(--border-color, #414243);box-shadow:0 1px 4px #0000004d}.theme-dark .main-container .page-content,[data-theme=dark] .main-container .page-content{background:var(--bg-secondary, #141414)}.overflow-guard{max-width:100%;overflow-x:hidden;word-wrap:break-word}.content-center{max-width:var(--container-xl, 1280px);margin:0 auto;padding:0 24px}@media (max-width: 768px){.content-center{padding:0 16px}}.container-fluid{width:100%;padding:0 24px}@media (max-width: 768px){.container-fluid{padding:0 16px}}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.z-index-management{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-sidebar: 1050;--z-modal: 1060;--z-popover: 1070;--z-tooltip: 1080;--z-notification: 1090}img,video,iframe,object,embed{min-width:1px;min-height:1px}img:not([width]):not([height]),video:not([width]):not([height]),iframe:not([width]):not([height]),object:not([width]):not([height]),embed:not([width]):not([height]){aspect-ratio:1;width:auto;height:auto}img:not([loading=lazy]),video:not([loading=lazy]),iframe:not([loading=lazy]),object:not([loading=lazy]),embed:not([loading=lazy]){content-visibility:auto}img[loading=lazy],video[loading=lazy],iframe[loading=lazy],object[loading=lazy],embed[loading=lazy]{background-color:var(--bg-tertiary);background-image:linear-gradient(45deg,var(--bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-secondary) 25%,transparent 25%);background-size:12px 12px;background-position:0 0,6px 6px}@font-face{font-family:Inter;font-display:swap}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.loading-container{min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;contain:layout}.loading-container.loading-container--table{min-height:400px;max-height:600px}.loading-container.loading-container--card{min-height:200px;max-height:400px}.loading-container.loading-container--detail{min-height:300px;max-height:800px}.loading-container.loading-container--list{min-height:250px;max-height:500px}.loading-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:1}.loading-container.loading-container--auto{min-height:auto;max-height:none;height:100%}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.chart-container{height:var(--chart-height, 300px);min-height:200px;position:relative;width:100%;contain:layout}.chart-container.loading{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.el-table{min-height:200px;width:100%;table-layout:fixed;contain:layout}.el-table .el-table__empty-block{min-height:150px;display:flex;align-items:center;justify-content:center;position:relative}.el-table .el-table__row{height:48px}.el-table .el-table__row td{height:48px;vertical-align:middle}.app-card,.el-card{min-height:100px;width:100%;position:relative;contain:layout}.app-card .card-content,.el-card .card-content{min-height:50px;position:relative}.app-card.loading .card-content,.el-card.loading .card-content{opacity:0;transition:opacity .3s ease}.app-card.loading:before,.el-card.loading:before{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu{min-height:48px}.responsive-image{position:relative;width:100%;height:0;overflow:hidden}.responsive-image.ratio-16-9{padding-bottom:56.25%}.responsive-image.ratio-4-3{padding-bottom:75%}.responsive-image.ratio-1-1{padding-bottom:100%}.responsive-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-content{line-height:1.6}.text-content.loading{color:transparent;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.statistics-value{min-height:2.5rem;display:flex;align-items:center}.statistics-value.loading:after{content:"";display:block;width:60px;height:24px;background:var(--bg-tertiary);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.skeleton.skeleton-text{height:1em;margin:.5em 0}.skeleton.skeleton-title{height:2em;width:60%;margin:1em 0}.skeleton.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton.skeleton-button{width:80px;height:32px;border-radius:4px}.vue-transition.fade-enter-active,.vue-transition.fade-leave-active{transition:opacity .3s ease}.vue-transition.fade-enter-from,.vue-transition.fade-leave-to{opacity:0}.preload-content{visibility:hidden;position:absolute;top:-9999px;left:-9999px}.preload-content.loaded{visibility:visible;position:static;top:auto;left:auto}@media (max-width: 768px){.mobile-optimized *{animation-duration:.1s!important;transition-duration:.1s!important}}.layout-stable{contain:layout;overflow:hidden}.layout-stable.fixed-height{height:100%;max-height:100%}.cls-critical-fix .logo-image{width:40px!important;height:40px!important}.cls-critical-fix .sidebar-menu .el-menu-item{min-height:48px!important}.cls-critical-fix .chart-container{height:300px!important;min-height:200px!important}.cls-critical-fix .statistics-card{min-height:120px!important}.cls-performance-fix .user-avatar img{width:32px!important;height:32px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:50%!important}.cls-performance-fix .image-preview img{max-width:600px!important;max-height:400px!important;-o-object-fit:contain!important;object-fit:contain!important}.cls-performance-fix .template-thumbnail img{width:120px!important;height:160px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:4px!important}.cls-performance-fix .poster-thumbnail img{width:200px!important;height:280px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:8px!important}.cls-performance-fix .el-table{min-height:300px!important}.cls-performance-fix .chart-container,.cls-performance-fix .statistics-chart-container,.cls-performance-fix .dashboard-chart-container{height:var(--chart-height, auto)!important;min-height:var(--chart-min-height, 300px)!important}.cls-critical-fix-2025 .page-container{min-height:100vh!important;display:flex!important;flex-direction:column!important;contain:layout!important}.cls-critical-fix-2025 .detail-content{flex:1!important;min-height:0!important;contain:layout!important}.cls-critical-fix-2025 .el-skeleton{width:100%!important;contain:layout!important}.cls-critical-fix-2025 .el-skeleton__item{height:20px!important;margin-bottom:16px!important}.cls-critical-fix-2025 .el-card{min-height:120px!important;contain:layout!important}.cls-critical-fix-2025 .el-card__header{min-height:48px!important;padding:16px!important;contain:layout!important}.cls-critical-fix-2025 .el-card__body{min-height:72px!important;contain:layout!important}.cls-critical-fix-2025 .detail-header .actions{min-height:40px!important;contain:layout!important}.cls-critical-fix-2025 .info-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;contain:layout!important}.cls-critical-fix-2025 .info-item{min-height:24px!important;display:flex!important;align-items:center!important;contain:layout!important}.cls-critical-fix-2025 .detail-header{min-height:80px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;contain:layout!important}.cls-critical-fix-2025 .class-title{min-height:40px!important;line-height:40px!important;contain:layout!important}.cls-critical-sidebar-fix .sidebar-menu{min-height:650px!important;max-height:650px!important;contain:layout!important;overflow-y:auto!important}.cls-critical-sidebar-fix .sidebar-menu .cls-menu-optimized{contain:layout!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:auto!important}.cls-critical-sidebar-fix .sidebar-menu .cls-menu-optimized[v-show=false]{opacity:0!important;pointer-events:none!important;transform:translateY(-100%)!important;position:absolute!important;z-index:-1!important;min-height:50px!important;max-height:50px!important}.cls-critical-sidebar-fix .sidebar-menu .el-sub-menu{min-height:50px!important;max-height:50px!important;contain:layout!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.cls-critical-sidebar-fix .sidebar-menu .el-sub-menu .el-sub-menu__title{height:50px!important;line-height:50px!important;contain:layout!important;display:flex!important;align-items:center!important;padding:0 20px!important}.cls-critical-sidebar-fix .sidebar-menu .el-sub-menu .el-icon{width:20px!important;height:20px!important;margin-right:8px!important;flex-shrink:0!important}.cls-critical-sidebar-fix .sidebar-menu .el-sub-menu span{line-height:20px!important;height:20px!important;display:block!important;contain:layout!important}.cls-critical-sidebar-fix .sidebar-menu .el-menu-item{min-height:40px!important;max-height:40px!important;line-height:40px!important;contain:layout!important;display:flex!important;align-items:center!important}.cls-critical-sidebar-fix .sidebar-menu [v-show]{min-height:50px!important;contain:layout!important}.cls-critical-sidebar-fix .sidebar-menu [v-show][style*="display: none"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;min-height:50px!important;max-height:50px!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item{height:50px!important;min-height:50px!important;max-height:50px!important;margin-bottom:0!important;border-radius:0!important;contain:layout!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(1){width:90%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(2){width:85%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(3){width:80%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(4){width:88%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(5){width:82%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(6){width:86%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(7){width:84%!important}.cls-critical-sidebar-fix .sidebar-loading .loading-placeholder .placeholder-item:nth-child(8){width:90%!important}.cls-ultimate-fix-2025 .app-container{transform:translateZ(0)!important;backface-visibility:hidden!important;width:100vw!important;height:100vh!important;overflow:visible!important;contain:layout!important}.cls-ultimate-fix-2025 .sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;contain:layout!important;transform:translateZ(0)!important}.cls-ultimate-fix-2025 .sidebar.sidebar-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.cls-ultimate-fix-2025 .sidebar .el-menu{min-height:600px!important;contain:layout!important}.cls-ultimate-fix-2025 .sidebar .el-menu .el-sub-menu,.cls-ultimate-fix-2025 .sidebar .el-menu .el-menu-item{min-height:50px!important;max-height:50px!important;contain:layout!important;transform:translateZ(0)!important}.cls-ultimate-fix-2025 .sidebar .el-menu .el-sub-menu .el-icon,.cls-ultimate-fix-2025 .sidebar .el-menu .el-menu-item .el-icon{width:16px!important;height:16px!important;flex-shrink:0!important}.cls-ultimate-fix-2025 .main-container{flex:1!important;min-width:0!important;contain:layout!important;transform:translateZ(0)!important}.cls-ultimate-fix-2025 .main-container .navbar{height:60px!important;min-height:60px!important;max-height:60px!important;contain:layout!important}.cls-ultimate-fix-2025 .main-container .page-content{flex:1!important;min-height:0!important;contain:layout!important;overflow-y:auto!important}.cls-ultimate-fix-2025 .permission-placeholder{min-height:50px!important;max-height:50px!important;opacity:.3!important;contain:layout!important;pointer-events:none!important;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%)!important;background-size:200% 100%!important;animation:shimmer-fast 1s infinite!important}@keyframes shimmer-fast{0%{background-position:-200% 0}to{background-position:200% 0}}.cls-ultimate-fix-2025 img{width:auto!important;height:auto!important;max-width:100%!important}.cls-ultimate-fix-2025 img.logo-image{width:40px!important;height:40px!important;-o-object-fit:cover!important;object-fit:cover!important}.cls-emergency-fix-2025 .sidebar-menu{min-height:700px!important;max-height:700px!important;contain:layout style!important;overflow-y:auto!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:scroll-position!important}.cls-emergency-fix-2025 .cls-menu-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;min-height:50px!important;max-height:50px!important;height:50px!important;transform:translateZ(0)!important;margin:0!important;padding:0!important;border:none!important;display:block!important;position:relative!important}.cls-emergency-fix-2025 .cls-menu-hidden *{visibility:hidden!important;opacity:0!important}.cls-emergency-fix-2025 .cls-menu-hidden.el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}.cls-emergency-fix-2025 .cls-menu-hidden .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important}.cls-emergency-fix-2025 .cls-menu-loading{min-height:50px!important;max-height:50px!important;height:50px!important;opacity:.3!important;pointer-events:none!important;animation:menu-loading-stable 1.5s ease-in-out infinite!important}.cls-emergency-fix-2025 .cls-menu-loading.el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}@keyframes menu-loading-stable{0%,to{opacity:.3}50%{opacity:.6}}.cls-emergency-fix-2025 .cls-menu-stable{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style!important}.cls-emergency-fix-2025 .cls-menu-stable .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important;contain:layout style!important}.cls-emergency-fix-2025 .sidebar-loading{min-height:700px!important;max-height:700px!important;contain:layout!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item{min-height:50px!important;max-height:50px!important;height:50px!important;margin:0!important;border-radius:0!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(1){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(2){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(3){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(4){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(5){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(6){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(7){width:100%!important}.cls-emergency-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item:nth-child(8){width:100%!important}.cls-emergency-fix-2025 .el-menu{min-height:initial!important}.cls-emergency-fix-2025 .el-menu .el-sub-menu{min-height:50px!important;max-height:50px!important;contain:layout!important}.cls-emergency-fix-2025 .el-menu .el-sub-menu .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout!important}.cls-emergency-fix-2025 .el-menu .el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important;contain:layout!important}.cls-emergency-fix-2025 .permission-transition{transition:none!important}.cls-emergency-fix-2025 .permission-transition[v-show]{transition:opacity .1s ease!important}.cls-emergency-fix-2025 .cls-menu-space-reserved{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style!important;display:block!important;position:relative!important;transition:opacity .2s ease,visibility .2s ease!important}.cls-emergency-fix-2025 .cls-menu-space-reserved .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style!important;display:flex!important;align-items:center!important;padding:0 20px!important}.cls-emergency-fix-2025 .cls-menu-space-reserved .el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important;contain:layout style!important}.cls-emergency-fix-2025 .cls-menu-space-reserved[style*="visibility: hidden"],.cls-emergency-fix-2025 .cls-menu-space-reserved[style*="visibility: hidden"] *{pointer-events:none!important}.cls-optimized-menu{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style!important;display:block!important;position:relative!important}.cls-optimized-menu.cls-menu-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.cls-optimized-menu.cls-menu-hidden *{pointer-events:none!important}.cls-optimized-menu.cls-menu-loading{opacity:.3!important}.cls-optimized-menu.cls-menu-loading:before{content:"";position:absolute;top:50%;left:20px;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:1}.cls-optimized-menu .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style!important;display:flex!important;align-items:center!important;padding:0 20px!important}.cls-optimized-menu .el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important;contain:layout style!important}.sidebar-menu-container{height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;width:100%!important;contain:layout style paint!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:scroll-position!important}.sidebar-menu-container .sidebar-loading{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100%!important;width:100%!important;contain:layout style paint!important;z-index:1!important}.sidebar-menu-container .sidebar-loading .loading-placeholder{height:100%!important;width:100%!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item{height:50px!important;min-height:50px!important;max-height:50px!important;width:100%!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;flex-shrink:0!important;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%)!important;background-size:200% 100%!important;animation:shimmer 1.5s infinite linear!important;transform:none!important;transition:none!important;box-shadow:none!important;outline:none!important}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(1){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(2){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(3){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(4){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(5){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(6){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(7){opacity:1}.sidebar-menu-container .sidebar-loading .loading-placeholder .placeholder-item:nth-child(8){opacity:1}.sidebar-menu-container .sidebar-menu{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100%!important;min-height:100%!important;max-height:100%!important;width:100%!important;contain:layout style paint!important;z-index:2!important}.sidebar-menu-container .sidebar-menu .el-sub-menu{height:50px!important;min-height:50px!important;max-height:50px!important;flex-shrink:0!important;contain:layout style!important}.sidebar-menu-container .sidebar-menu .el-sub-menu .el-sub-menu__title{height:50px!important;min-height:50px!important;max-height:50px!important;line-height:50px!important;contain:layout style!important}.sidebar-menu-container .sidebar-menu .el-menu-item{height:40px!important;min-height:40px!important;max-height:40px!important;flex-shrink:0!important;contain:layout style!important}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.cls-final-fix-2025 .app-container{width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;max-width:100vw!important;max-height:100vh!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:auto!important;contain:layout style!important;overflow:visible!important}.cls-final-fix-2025 .sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;position:relative!important;flex-shrink:0!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style!important}.cls-final-fix-2025 .sidebar.sidebar-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.cls-final-fix-2025 .sidebar-menu{height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:scroll-position!important;contain:layout style!important}.cls-final-fix-2025 .sidebar-menu .el-sub-menu,.cls-final-fix-2025 .sidebar-menu .el-menu-item{min-height:50px!important;max-height:50px!important;height:50px!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style!important;display:block!important;position:relative!important;transition:opacity .2s ease,visibility .2s ease!important}.cls-final-fix-2025 .sidebar-menu .el-menu-item:not(.el-sub-menu){min-height:40px!important;max-height:40px!important;height:40px!important}.cls-final-fix-2025 .sidebar-menu .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style!important}.cls-final-fix-2025 .cls-menu-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;min-height:50px!important;max-height:50px!important;height:50px!important;display:block!important;position:relative!important;transform:translateZ(0)!important;margin:0!important;padding:0!important;border:none!important}.cls-final-fix-2025 .cls-menu-hidden *{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.cls-final-fix-2025 .cls-menu-hidden.el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}.cls-final-fix-2025 .cls-menu-hidden .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important}.cls-final-fix-2025 .cls-menu-loading{min-height:50px!important;max-height:50px!important;height:50px!important;opacity:.3!important;animation:menu-pulse 1.5s ease-in-out infinite!important}.cls-final-fix-2025 .cls-menu-loading.el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}@keyframes menu-pulse{0%,to{opacity:.3}50%{opacity:.6}}.cls-final-fix-2025 .sidebar-loading{height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;contain:layout style!important}.cls-final-fix-2025 .sidebar-loading .loading-placeholder .placeholder-item{min-height:50px!important;max-height:50px!important;height:50px!important;margin:0!important;border-radius:0!important;contain:layout style!important;width:100%!important}.cls-final-fix-2025 .main-container{flex:1!important;min-width:0!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style!important;overflow:visible!important}.cls-final-fix-2025 .navbar{height:60px!important;min-height:60px!important;max-height:60px!important;contain:layout style!important;flex-shrink:0!important}.cls-final-fix-2025 .page-content{flex:1!important;min-height:0!important;height:calc(100vh - 60px)!important;min-height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;contain:layout style!important;overflow-y:auto!important}.cls-zero-shift-global .app-container{width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;max-width:100vw!important;max-height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;will-change:auto!important;contain:layout style paint!important;isolation:isolate!important}.cls-zero-shift-global .sidebar{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:240px!important;min-width:240px!important;max-width:240px!important;z-index:10!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-zero-shift-global .sidebar.sidebar-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.cls-zero-shift-global .main-container{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:5!important;margin-left:240px!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-zero-shift-global .main-container.main-expanded{margin-left:64px!important}.cls-zero-shift-global .navbar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:60px!important;min-height:60px!important;max-height:60px!important;z-index:8!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-zero-shift-global .page-content{position:absolute!important;top:60px!important;left:0!important;right:0!important;bottom:0!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important;overflow-y:auto!important;overflow-x:hidden!important}.cls-zero-shift-global .sidebar-menu-container{position:absolute!important;top:60px!important;left:0!important;right:0!important;bottom:60px!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-zero-shift-global .cls-menu-hidden{opacity:0!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;height:50px!important;min-height:50px!important;max-height:50px!important;position:relative!important;display:block!important;overflow:hidden!important;contain:layout style paint!important}.cls-zero-shift-global .cls-menu-hidden.el-menu-item{height:40px!important;min-height:40px!important;max-height:40px!important}.cls-zero-shift-global .cls-menu-hidden *{opacity:0!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.cls-zero-shift-global .cls-menu-loading{opacity:.4!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;height:50px!important;min-height:50px!important;max-height:50px!important;contain:layout style paint!important;animation:cls-loading-pulse 1s ease-in-out infinite!important}.cls-zero-shift-global .cls-menu-loading.el-menu-item{height:40px!important;min-height:40px!important;max-height:40px!important}@keyframes cls-loading-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cls-menu-absolute-stable{min-height:50px!important;max-height:50px!important;height:50px!important;display:block!important;position:relative!important;contain:layout style paint!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:auto!important;margin:0!important;padding:0!important;border:none!important;outline:none!important}.cls-menu-absolute-stable .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important;contain:layout style paint!important;display:flex!important;align-items:center!important;padding:0 20px!important}.cls-menu-absolute-stable .el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important;contain:layout style paint!important}.cls-menu-opacity-hidden{opacity:0!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;min-height:50px!important;max-height:50px!important;height:50px!important}.cls-menu-opacity-hidden *{pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.cls-menu-opacity-hidden .el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}.cls-menu-opacity-hidden .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important}.cls-menu-absolute-stable{transition:opacity .2s ease!important}.cls-menu-absolute-stable:not(.cls-menu-opacity-hidden){opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.cls-menu-always-visible{visibility:visible!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important;min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style paint!important;transform:translateZ(0)!important;backface-visibility:hidden!important;display:block!important;position:relative!important;margin:0!important;padding:0!important;border:none!important;outline:none!important}.cls-menu-always-visible.el-menu-item{min-height:40px!important;max-height:40px!important;height:40px!important}.cls-menu-always-visible .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important;contain:layout style paint!important;display:flex!important;align-items:center!important;padding:0 20px!important}.cls-menu-always-visible .el-icon{width:16px!important;height:16px!important;flex-shrink:0!important;margin-right:8px!important}.cls-menu-always-visible span{line-height:20px!important;height:20px!important;display:block!important;contain:layout!important}.cls-menu-static-stable{min-height:700px!important;max-height:700px!important;height:700px!important;contain:layout style paint!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateZ(0)!important;backface-visibility:hidden!important;will-change:scroll-position!important}.cls-menu-static-stable .el-sub-menu,.cls-menu-static-stable .el-menu-item{min-height:50px!important;max-height:50px!important;height:50px!important;contain:layout style paint!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.cls-menu-static-stable .el-menu-item:not(.el-sub-menu){min-height:40px!important;max-height:40px!important;height:40px!important}.cls-menu-static-stable .el-sub-menu__title{min-height:50px!important;max-height:50px!important;height:50px!important;line-height:50px!important;contain:layout style paint!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .app-container{width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;max-width:100vw!important;max-height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important;will-change:auto!important;contain:layout style paint!important;isolation:isolate!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .sidebar{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:240px!important;min-width:240px!important;max-width:240px!important;z-index:10!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .sidebar.sidebar-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .main-container{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:5!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important;margin-left:240px!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .main-container.main-expanded{margin-left:64px!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .navbar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:60px!important;min-height:60px!important;max-height:60px!important;z-index:8!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important}.cls-performance-fix.cls-critical-fix.cls-critical-sidebar-fix.cls-ultimate-fix-2025.cls-emergency-fix-2025.cls-final-fix-2025 .page-content{position:absolute!important;top:60px!important;left:0!important;right:0!important;bottom:0!important;transform:translateZ(0)!important;backface-visibility:hidden!important;contain:layout style paint!important;overflow-y:auto!important;overflow-x:hidden!important}.app-container.cls-final-fix-2025,.app-container.cls-ultimate-fix-2025,.app-container.cls-performance-fix{display:flex!important;width:100vw!important;height:100vh!important;overflow:hidden!important;position:relative!important}.app-container.cls-final-fix-2025 .sidebar,.app-container.cls-ultimate-fix-2025 .sidebar,.app-container.cls-performance-fix .sidebar{position:fixed!important;left:0!important;top:0!important;width:240px!important;height:100vh!important;z-index:1000!important}.app-container.cls-final-fix-2025 .sidebar.collapsed,.app-container.cls-ultimate-fix-2025 .sidebar.collapsed,.app-container.cls-performance-fix .sidebar.collapsed{width:64px!important}.app-container.cls-final-fix-2025 .main-container,.app-container.cls-ultimate-fix-2025 .main-container,.app-container.cls-performance-fix .main-container{position:absolute!important;top:0!important;left:240px!important;right:0!important;bottom:0!important;margin-left:0!important;z-index:1!important;overflow:auto!important}.app-container.cls-final-fix-2025 .main-container.main-expanded,.app-container.cls-ultimate-fix-2025 .main-container.main-expanded,.app-container.cls-performance-fix .main-container.main-expanded{left:64px!important;margin-left:0!important}.cls-zero-shift-global .main-container,[data-theme] .app-container .main-container{margin-left:0!important}@media (max-width: 768px){.app-container .sidebar{transform:translate(-100%);transition:transform .3s ease}.app-container .sidebar.show,.app-container .sidebar:not(.collapsed){transform:translate(0)}.app-container .main-container{left:0!important;margin-left:0!important}}:root.theme-light{--primary-color: #007bff;--primary-color-rgb: 0, 123, 255;--primary-hover: #0056b3;--primary-light: #66b3ff;--primary-lighter: #99ccff;--primary-extra-light: #e6f3ff;--primary-dark: #004085;--secondary-color: #06b6d4;--accent-color: #f59e0b;--danger-color: #ef4444;--warning-color: #f97316;--info-color: #06b6d4;--success-color: #10b981;--success-light: #34d399;--success-lighter: #6ee7b7;--success-extra-light: #d1fae5;--success-color-rgb: 16, 185, 129;--warning-light: #fb923c;--warning-lighter: #fdba74;--warning-extra-light: #fed7aa;--warning-color-rgb: 249, 115, 22;--danger-light: #f87171;--danger-lighter: #fca5a5;--danger-extra-light: #fecaca;--danger-color-rgb: 239, 68, 68;--info-light: #22d3ee;--info-lighter: #67e8f9;--info-extra-light: #cffafe;--info-color-rgb: 6, 182, 212;--primary-light-bg: rgba(0, 123, 255, .1);--success-light-bg: rgba(16, 185, 129, .1);--warning-light-bg: rgba(249, 115, 22, .1);--danger-light-bg: rgba(239, 68, 68, .1);--info-light-bg: rgba(6, 182, 212, .1);--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f4;--bg-card: #ffffff;--bg-hover: #e9ecef;--bg-accent: rgba(0, 123, 255, .04);--bg-subtle: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-disabled: #cccccc;--border-color: rgba(0, 0, 0, .08);--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--border-focus: rgba(139, 92, 246, .6);--border-accent: rgba(139, 92, 246, .6);--border-subtle: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-colored: 0 4px 14px 0 rgba(59, 130, 246, .1);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .04);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--table-column-selection: 55px;--table-column-index: 50px;--table-column-sm: 100px;--table-column-md: 120px;--table-column-lg: 180px;--table-column-xl: 200px;--dialog-width-sm: 500px;--dialog-width-md: 600px;--dialog-width-lg: 700px;--form-label-width: 100px;--row-gutter: 10px;--transform-hover-sm: translateY(-2px);--transform-hover-md: translateY(-4px);--transform-slide: translateX(4px);--transform-active: translateY(0);--position-offset-sm: -4px;--position-offset-md: -8px;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--app-gap-lg: var(--spacing-xl);--sidebar-bg: #ffffff;--sidebar-border: #dee2e6;--sidebar-text: #666666;--sidebar-text-hover: #333333;--sidebar-item-hover: #f8f9fa;--sidebar-item-active: #007bff;--sidebar-item-active-text: #ffffff;--sidebar-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--button-primary-bg: var(--primary-color);--button-primary-hover: var(--primary-hover);--button-primary-active: var(--primary-dark);--button-primary-border: var(--primary-color);--button-success-bg: var(--success-color);--button-success-hover: var(--success-light);--button-success-active: var(--success-color);--button-success-border: var(--success-color);--button-warning-bg: var(--warning-color);--button-warning-hover: var(--warning-light);--button-warning-active: var(--warning-color);--button-warning-border: var(--warning-color);--button-danger-bg: var(--danger-color);--button-danger-hover: var(--danger-light);--button-danger-active: var(--danger-color);--button-danger-border: var(--danger-color);--button-info-bg: var(--info-color);--button-info-hover: var(--info-light);--button-info-active: var(--info-color);--button-info-border: var(--info-color);--muted-foreground: #666666;--text-muted: #666666;--glass-effect: backdrop-filter: blur(8px);--gradient-primary: #007bff;--gradient-success: #10b981;--gradient-warning: #f97316;--gradient-danger: #ef4444;--gradient-subtle: rgba(0, 123, 255, .05)}:root,:root.theme-dark{--primary-color: #7c3aed;--primary-hover: #5b21b6;--primary-light: #c4b5fd;--primary-color-dark: #5b21b6;--secondary-color: #06b6d4;--accent-color: #f59e0b;--danger-color: #f87171;--warning-color: #fbbf24;--info-color: #38bdf8;--success-color: #34d399;--success-color-rgb: 52, 211, 153;--warning-color-rgb: 251, 191, 36;--danger-color-rgb: 248, 113, 113;--info-color-rgb: 56, 189, 248;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);--text-on-primary: #ffffff;--text-on-primary-secondary: rgba(255, 255, 255, .9);--button-on-primary-bg: rgba(255, 255, 255, .2);--button-on-primary-border: rgba(255, 255, 255, .3);--button-on-primary-hover-bg: rgba(255, 255, 255, .3);--button-on-primary-hover-border: rgba(255, 255, 255, .5);--primary-light-bg: rgba(124, 58, 237, .15);--success-light-bg: rgba(52, 211, 153, .15);--warning-light-bg: rgba(251, 191, 36, .15);--danger-light-bg: rgba(248, 113, 113, .15);--info-light-bg: rgba(56, 189, 248, .15);--primary-bg: rgba(124, 58, 237, .18);--success-bg: rgba(52, 211, 153, .18);--warning-bg: rgba(251, 191, 36, .18);--danger-bg: rgba(248, 113, 113, .18);--info-bg: rgba(56, 189, 248, .18);--bg-primary: #0c0a1a;--bg-secondary: #1a1625;--bg-tertiary: #2d2438;--bg-card: #1a1625;--bg-hover: #2d2438;--bg-color: #1a1625;--bg-color-hover: #2d2438;--text-primary: #f1f5f9;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-disabled: #6b7280;--text-tertiary: #9ca3af;--border-color: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--border-focus: rgba(139, 92, 246, .6);--border-color-light: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 32px -8px rgba(0, 0, 0, .7);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--table-column-selection: 55px;--table-column-index: 50px;--table-column-sm: 100px;--table-column-md: 120px;--table-column-lg: 180px;--table-column-xl: 200px;--dialog-width-sm: 500px;--dialog-width-md: 600px;--dialog-width-lg: 700px;--form-label-width: 100px;--row-gutter: 10px;--transform-hover-sm: translateY(-3px);--transform-hover-md: translateY(-6px);--transform-slide: translateX(6px);--transform-active: translateY(0);--position-offset-sm: -4px;--position-offset-md: -8px;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--app-gap-lg: var(--spacing-xl);--sidebar-bg: #0c0a1a;--sidebar-border: #1a1625;--sidebar-text: #d1d5db;--sidebar-text-hover: #f1f5f9;--sidebar-item-hover: rgba(124, 58, 237, .12);--sidebar-item-active: #7c3aed;--sidebar-item-active-text: #ffffff;--sidebar-shadow: 0 4px 12px rgba(0, 0, 0, .3);--button-primary-bg: var(--primary-color);--button-primary-hover: var(--primary-hover);--button-primary-active: var(--primary-color-dark);--button-primary-border: var(--primary-color);--button-success-bg: var(--success-color);--button-success-hover: var(--success-color);--button-success-active: var(--success-color);--button-success-border: var(--success-color);--button-warning-bg: var(--warning-color);--button-warning-hover: var(--warning-color);--button-warning-active: var(--warning-color);--button-warning-border: var(--warning-color);--button-danger-bg: var(--danger-color);--button-danger-hover: var(--danger-color);--button-danger-active: var(--danger-color);--button-danger-border: var(--danger-color);--button-info-bg: var(--info-color);--button-info-hover: var(--info-color);--button-info-active: var(--info-color);--button-info-border: var(--info-color);--scrollbar-track: #1a1625;--scrollbar-thumb: #374151;--scrollbar-thumb-hover: #4b5563}.theme-dark .el-button{background-color:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .el-button:hover{background-color:var(--bg-color-hover)!important;border-color:var(--primary-color)!important}.theme-dark .el-button:focus{background-color:var(--bg-color-hover)!important;border-color:var(--primary-color)!important}.theme-dark .el-button.el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--text-on-primary)!important}.theme-dark .el-button.el-button--primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.theme-dark .el-button.el-button--success{background-color:var(--success-color)!important;border-color:var(--success-color)!important;color:#fff!important}.theme-dark .el-button.el-button--warning{background-color:var(--warning-color)!important;border-color:var(--warning-color)!important;color:#fff!important}.theme-dark .el-button.el-button--danger{background-color:var(--danger-color)!important;border-color:var(--danger-color)!important;color:#fff!important}.theme-dark .el-button.el-button--info{background-color:var(--info-color)!important;border-color:var(--info-color)!important;color:#fff!important}.theme-dark .el-checkbox__inner{background-color:var(--bg-color)!important;border-color:var(--border-color)!important}.theme-dark .el-checkbox__inner:hover{border-color:var(--primary-color)!important}.theme-dark .el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.theme-dark .el-checkbox__label{color:var(--text-primary)!important}.theme-dark .el-radio__inner{background-color:var(--bg-color)!important;border-color:var(--border-color)!important}.theme-dark .el-radio__input.is-checked .el-radio__inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.theme-dark .el-radio__label{color:var(--text-primary)!important}.theme-dark .el-input__wrapper{background-color:var(--bg-color)!important;border-color:var(--border-color)!important;box-shadow:0 0 0 1px var(--border-color) inset!important}.theme-dark .el-input__wrapper:hover,.theme-dark .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary-color) inset!important}.theme-dark .el-input__inner{background-color:transparent!important;color:var(--text-primary)!important}.theme-dark .el-input__inner::-moz-placeholder{color:var(--text-muted)!important}.theme-dark .el-input__inner::placeholder{color:var(--text-muted)!important}.theme-dark .el-date-editor{background-color:var(--bg-color)!important;border-color:var(--border-color)!important}.theme-dark .el-date-editor:hover,.theme-dark .el-date-editor.is-active{border-color:var(--primary-color)!important}.theme-dark .el-date-editor .el-input__inner{background-color:transparent!important;color:var(--text-primary)!important}.theme-dark .el-date-editor .el-range-separator{color:var(--text-secondary)!important}.theme-dark .el-select .el-input__wrapper{background-color:var(--bg-color)!important;border-color:var(--border-color)!important}.theme-dark .el-table{background-color:var(--bg-color)!important;color:var(--text-primary)!important}.theme-dark .el-table th{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}.theme-dark .el-table td{border-bottom-color:var(--border-color)!important}.theme-dark .el-table tr{background-color:var(--bg-color)!important}.theme-dark .el-table tr:hover{background-color:var(--bg-hover)!important}.theme-dark .el-table tr.el-table__row--striped{background-color:var(--bg-secondary)!important}.theme-dark .el-table tr.el-table__row--striped:hover{background-color:var(--bg-hover)!important}.theme-dark .action-toolbar,.theme-dark .el-card{background-color:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .el-card .el-card__header{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .el-dialog{background-color:var(--bg-color)!important;color:var(--text-primary)!important}.theme-dark .el-dialog .el-dialog__header{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.theme-dark .el-dialog .el-dialog__title{color:var(--text-primary)!important}.theme-dark .el-drawer{background-color:var(--bg-color)!important;color:var(--text-primary)!important}.theme-dark .el-drawer .el-drawer__header{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-color)!important}.theme-dark .el-message,.theme-dark .el-notification{background-color:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .el-notification .el-notification__title{color:var(--text-primary)!important}.theme-dark .el-notification .el-notification__content{color:var(--text-secondary)!important}.theme-dark .el-pagination .el-pager li{background-color:var(--bg-color)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.theme-dark .el-pagination .el-pager li:hover{color:var(--primary-color)!important}.theme-dark .el-pagination .el-pager li.is-active{background-color:var(--primary-color)!important;color:#fff!important}.theme-dark .el-pagination .btn-prev,.theme-dark .el-pagination .btn-next{background-color:var(--bg-color)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.theme-dark .el-pagination .btn-prev:hover,.theme-dark .el-pagination .btn-next:hover{color:var(--primary-color)!important}.theme-dark .el-tabs__header{background-color:var(--bg-color)!important;border-bottom-color:var(--border-color)!important}.theme-dark .el-tabs__item{color:var(--text-secondary)!important}.theme-dark .el-tabs__item.is-active,.theme-dark .el-tabs__item:hover{color:var(--primary-color)!important}.theme-dark .el-tabs__active-bar{background-color:var(--primary-color)!important}.theme-dark .el-tabs__content{background-color:var(--bg-color)!important;color:var(--text-primary)!important}@media (max-width: 768px){.el-button,button:not(.el-button),.header-action-btn,.mobile-menu-btn,.nav-item{min-height:44px!important;min-width:44px!important;touch-action:manipulation}.nav-item{padding:12px 16px!important;margin:4px 0!important}.nav-item .nav-icon{width:24px!important;height:24px!important}.nav-item .nav-text{font-size:16px!important;line-height:1.5}.el-input__inner,.el-textarea__inner,.el-select .el-input__inner{min-height:44px!important;font-size:16px!important;padding:12px 16px!important}.ai-assistant{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;z-index:2000!important;border-radius:0!important}.ai-assistant .resize-handle{display:none!important}.ai-assistant .ai-header{padding:16px!important}.ai-assistant .ai-header .ai-actions .el-button{min-width:44px!important;min-height:44px!important}.ai-assistant .chat-area{flex:1!important;height:auto!important;padding:0 16px!important}.ai-assistant .input-area{padding:16px!important}.ai-assistant .input-area .el-input textarea{font-size:var(--unified-font-size, 16px)!important;min-height:88px!important}.ai-assistant .input-area .send-btn{min-width:60px!important;min-height:44px!important}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:1050!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.sidebar.show,.sidebar:not(.collapsed){transform:translate(0)!important}.sidebar .nav-item{padding:16px 20px!important}.sidebar .nav-item .nav-content .nav-text{font-size:var(--unified-font-size, 16px)!important}.sidebar .nav-item .nav-content .nav-desc{font-size:var(--unified-font-size-small, 14px)!important}.navbar{padding:0 16px!important;min-height:60px!important}.navbar .mobile-menu-btn{margin-right:12px!important}.navbar .navbar-right{gap:8px!important}.navbar .navbar-right .header-action-btn{width:44px!important;height:44px!important}.navbar .el-breadcrumb{font-size:14px!important}.navbar .user-info .user-name,.navbar .user-info .user-role{display:none!important}.navbar .user-info .user-avatar{width:36px!important;height:36px!important}.page-content{padding:16px!important}.page-content .card{margin-bottom:12px!important}.page-content .card .card-header,.page-content .card .card-body,.page-content .card .card-footer{padding:16px 12px!important}.page-content .el-table{font-size:14px!important}.page-content .el-table .el-table__cell{padding:12px 8px!important}.page-content,.chat-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.5)!important;z-index:1040!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (max-width: 480px){.navbar .logo-text{font-size:14px!important}.ai-assistant .ai-header .ai-title .title-text{font-size:16px!important}.ai-assistant .input-area .input-wrapper{flex-direction:column!important;gap:12px!important}.ai-assistant .input-area .input-wrapper .el-input,.ai-assistant .input-area .input-wrapper .send-btn{width:100%!important}.card .card-header,.card .card-body,.card .card-footer{padding:12px 8px!important}.card .card-title{font-size:16px!important}}@media (hover: none) and (pointer: coarse){.card:hover,.nav-item:hover,.el-button:hover,button:hover{transform:none!important}.nav-item:active,.el-button:active,button:active{transform:scale(.95)!important;transition:transform .1s ease!important}.page-content,.chat-area,.message-list{-webkit-overflow-scrolling:touch;transform:translateZ(0)}}@supports (padding: max(0px)){@media (max-width: 768px){.navbar{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-top:max(0px,env(safe-area-inset-top))!important}.sidebar{padding-left:max(0px,env(safe-area-inset-left))!important}.ai-assistant{padding-top:max(0px,env(safe-area-inset-top))!important;padding-bottom:max(0px,env(safe-area-inset-bottom))!important;padding-left:max(0px,env(safe-area-inset-left))!important;padding-right:max(0px,env(safe-area-inset-right))!important}}}@media (max-width: 768px){.nav-item+.nav-item,.el-button+.el-button{margin-top:4px!important}.mobile-menu-btn:focus-visible,.header-action-btn:focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}}.chart-container .chart-header{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.chart-container .chart-header .chart-title{font-size:18px;font-weight:600;color:#303133;margin-bottom:8px;line-height:1.4;letter-spacing:.5px}.chart-container .chart-header .chart-subtitle{font-size:14px;color:#909399;line-height:1.5;margin:0}.chart-container .chart-content{padding:20px 24px 24px}.chart-container .chart-content .echarts{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.chart-container .chart-content .echarts .echarts-legend{font-size:14px;line-height:1.5}.chart-container .chart-content .echarts .echarts-legend .echarts-legend-item{margin-right:20px;margin-bottom:8px}.chart-container .chart-content .echarts .echarts-axis-label{font-size:12px;color:#666;line-height:1.4}.chart-container .chart-content .echarts .echarts-tooltip{font-size:13px;line-height:1.6;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026}.pie-chart-container .chart-content .echarts .pie-label{font-size:13px;font-weight:500;line-height:1.4}.pie-chart-container .chart-content .echarts .pie-label .label-line{stroke-width:1.5px}.pie-chart-container .chart-content .echarts .pie-legend .legend-item{margin:8px 16px 8px 0}.pie-chart-container .chart-content .echarts .pie-legend .legend-item .legend-icon{width:14px;height:14px;border-radius:2px;margin-right:8px}.pie-chart-container .chart-content .echarts .pie-legend .legend-item .legend-text{font-size:14px;color:#606266;line-height:1.4}.line-chart-container .chart-content .echarts .x-axis-label{font-size:12px;color:#909399;line-height:1.4}.line-chart-container .chart-content .echarts .x-axis-label.rotated{text-anchor:end;transform-origin:center}.line-chart-container .chart-content .echarts .y-axis-label{font-size:12px;color:#909399;line-height:1.4}.line-chart-container .chart-content .echarts .data-label{font-size:11px;font-weight:500;fill:#303133;text-anchor:middle}.line-chart-container .chart-content .echarts .grid-line{stroke:#f0f0f0;stroke-width:1px;stroke-dasharray:2,2}.bar-chart-container .chart-content .echarts .bar-label{font-size:12px;font-weight:500;fill:#303133;text-anchor:middle}.bar-chart-container .chart-content .echarts .category-label{font-size:12px;color:#909399;line-height:1.4;max-width:60px;word-wrap:break-word}@media (max-width: 768px){.chart-container .chart-header{padding:16px 20px 12px}.chart-container .chart-header .chart-title{font-size:16px}.chart-container .chart-header .chart-subtitle{font-size:13px}.chart-container .chart-content{padding:16px 20px 20px}.chart-container .chart-content .echarts .echarts-legend{font-size:13px}.chart-container .chart-content .echarts .echarts-legend .echarts-legend-item{margin-right:16px;margin-bottom:6px}.chart-container .chart-content .echarts .echarts-axis-label{font-size:11px}.chart-container .chart-content .echarts .echarts-tooltip{font-size:12px;padding:10px 14px}.pie-chart-container .chart-content .echarts .pie-label{font-size:12px}.pie-chart-container .chart-content .echarts .pie-legend .legend-item{margin:6px 12px 6px 0}.pie-chart-container .chart-content .echarts .pie-legend .legend-item .legend-text{font-size:13px}.line-chart-container .chart-content .echarts .x-axis-label,.line-chart-container .chart-content .echarts .y-axis-label{font-size:11px}.line-chart-container .chart-content .echarts .data-label{font-size:10px}}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#909399;font-size:14px;line-height:1.5}.chart-loading .loading-text{margin-left:12px}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#f56c6c;font-size:14px;line-height:1.5}.chart-error .error-icon{font-size:24px;margin-bottom:12px}.chart-error .error-text{text-align:center}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.chart-toolbar .toolbar-left{display:flex;align-items:center;gap:12px}.chart-toolbar .toolbar-left .chart-type-selector .el-select{width:120px}.chart-toolbar .toolbar-left .chart-type-selector .el-select .el-input__wrapper{padding:6px 12px}.chart-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.chart-toolbar .toolbar-right .toolbar-button{padding:6px 12px;font-size:13px;border-radius:4px}:root{--app-padding: var(--spacing-lg);--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-secondary);color:var(--text-primary)}.navbar{height:60px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:var(--shadow-sm);z-index:100}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-secondary);color:var(--text-primary)}.breadcrumb-container{padding:16px 24px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-right{display:flex;align-items:center;gap:12px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0}.page-description{font-size:var(--text-sm);color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}.page-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media screen and (max-width: 768px){.main-layout{flex-direction:column}.navbar{order:-1;height:50px;padding:0 16px}.page-content{padding:16px}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.page-actions{justify-content:center}}.page-container{padding:var(--spacing-lg);background-color:var(--bg-secondary);min-height:calc(100vh - 60px)}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}}.settings-page-container{max-width:1200px;margin:0 auto}.settings-page-container .page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;margin:0 0 var(--spacing-lg) 0}.settings-page-container .page-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.tabs-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base);overflow:hidden}.tabs-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ai-optimization-container{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.analysis-panel{background:var(--bg-tertiary);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.panel-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-header .panel-actions{display:flex;gap:var(--spacing-sm)}.analysis-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.analysis-overview .overview-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.analysis-overview .overview-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.analysis-overview .overview-card .card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:#fff}.analysis-overview .overview-card .card-icon.performance-icon{background:var(--gradient-primary)}.analysis-overview .overview-card .card-icon.optimization-icon{background:var(--gradient-warning)}.analysis-overview .overview-card .card-icon.confidence-icon{background:var(--gradient-success)}.analysis-overview .overview-card .card-content .card-value{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:1}.analysis-overview .overview-card .card-content .card-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.optimizations-list .optimization-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:4px solid var(--border-color);transition:all var(--transition-base)}.optimizations-list .optimization-item:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.optimizations-list .optimization-item.high{border-left-color:var(--danger-color)}.optimizations-list .optimization-item.medium{border-left-color:var(--warning-color)}.optimizations-list .optimization-item.low{border-left-color:var(--success-color)}.optimizations-list .optimization-item .optimization-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-extra-light);color:var(--primary-color);font-size:var(--text-xl)}.optimizations-list .optimization-item .optimization-content{flex:1}.optimizations-list .optimization-item .optimization-content .optimization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.optimizations-list .optimization-item .optimization-content .optimization-header h4{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.optimizations-list .optimization-item .optimization-content .optimization-description .current-config,.optimizations-list .optimization-item .optimization-content .optimization-description .recommended-config,.optimizations-list .optimization-item .optimization-content .optimization-description .reasoning,.optimizations-list .optimization-item .optimization-content .optimization-description .confidence{margin-bottom:var(--spacing-sm)}.optimizations-list .optimization-item .optimization-content .optimization-description .current-config .label,.optimizations-list .optimization-item .optimization-content .optimization-description .recommended-config .label,.optimizations-list .optimization-item .optimization-content .optimization-description .reasoning .label,.optimizations-list .optimization-item .optimization-content .optimization-description .confidence .label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-right:var(--spacing-sm)}.optimizations-list .optimization-item .optimization-content .optimization-description .current-config code,.optimizations-list .optimization-item .optimization-content .optimization-description .recommended-config code,.optimizations-list .optimization-item .optimization-content .optimization-description .reasoning code,.optimizations-list .optimization-item .optimization-content .optimization-description .confidence code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Consolas,monospace;font-size:var(--text-sm);color:var(--primary-color)}.optimizations-list .optimization-item .optimization-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.version-timeline .version-item{position:relative;display:flex;gap:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 20px);margin-bottom:var(--spacing-lg)}.version-timeline .version-item:not(:last-child):before{content:"";position:absolute;left:10px;top:24px;bottom:-16px;width:2px;background:var(--border-color)}.version-timeline .version-item.active .version-marker{background:var(--success-color);border-color:var(--success-color)}.version-timeline .version-item.active .version-content{border-color:var(--success-color);background:var(--success-extra-light)}.version-timeline .version-item .version-marker{position:absolute;left:4px;top:12px;width:12px;height:12px;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-card)}.version-timeline .version-item .version-content{flex:1;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.version-timeline .version-item .version-content:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.version-timeline .version-item .version-content .version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.version-timeline .version-item .version-content .version-header .version-info{display:flex;gap:var(--spacing-sm);align-items:center}.version-timeline .version-item .version-content .version-header .version-info .version-id{font-weight:600;color:var(--text-primary)}.version-timeline .version-item .version-content .version-header .version-info .version-type{font-size:var(--text-sm);color:var(--text-secondary)}.version-timeline .version-item .version-content .version-header .version-timestamp{font-size:var(--text-xs);color:var(--text-placeholder)}.version-timeline .version-item .version-content .version-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.version-timeline .version-item .version-content .version-changes{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.version-timeline .version-item .version-content .version-changes .changes-count,.version-timeline .version-item .version-content .version-changes .affected-categories{font-size:var(--text-xs);color:var(--text-placeholder)}.version-timeline .version-item .version-content .version-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}@media (max-width: 768px){.settings-page-container .page-title{font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.tabs-container{padding:var(--spacing-md)}.analysis-overview{grid-template-columns:1fr;gap:var(--spacing-sm)}.panel-header,.version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.panel-header .panel-actions,.panel-header .version-actions,.version-header .panel-actions,.version-header .version-actions{width:100%;justify-content:space-between}.optimization-item{flex-direction:column;gap:var(--spacing-sm)}.optimization-item .optimization-actions{flex-direction:row;align-items:center;justify-content:flex-end}.version-item{padding-left:calc(var(--spacing-sm) + 16px)}.version-item .version-marker{left:3px;width:10px;height:10px}.version-item:not(:last-child):before{left:8px}.version-item .version-content{padding:var(--spacing-md)}.version-item .version-content .version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.version-item .version-content .version-changes{flex-direction:column;gap:var(--spacing-xs)}}.ai-workbench-container{height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.ai-workbench-container .workbench-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ai-workbench-container .workbench-header .header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.ai-workbench-container .workbench-header .header-left .workbench-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.ai-workbench-container .workbench-header .header-left .workbench-title .title-icon{color:var(--primary-color)}.ai-workbench-container .workbench-header .header-left .status-badges{display:flex;gap:var(--spacing-sm)}.ai-workbench-container .workbench-main{flex:1;display:flex;gap:1px;background:var(--border-color);overflow:hidden}.ai-workbench-container .workbench-main.wide-layout .tools-sidebar{width:200px}.ai-workbench-container .workbench-main.wide-layout .info-panel{width:300px}.tools-sidebar{width:240px;background:var(--bg-card);display:flex;flex-direction:column}.tools-sidebar .tools-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tools-sidebar .tools-header h3{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.tools-sidebar .tool-categories{flex:1;overflow-y:auto}.tools-sidebar .tool-categories .tool-category{border-bottom:1px solid var(--border-color-light)}.tools-sidebar .tool-categories .tool-category .category-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:var(--transition-base)}.tools-sidebar .tool-categories .tool-category .category-header:hover{background:var(--bg-hover)}.tools-sidebar .tool-categories .tool-category .category-header .expand-icon{margin-left:auto;transition:transform var(--transition-base)}.tools-sidebar .tool-categories .tool-category .category-header .expand-icon.expanded{transform:rotate(180deg)}.tools-sidebar .tool-categories .tool-category.active .category-header{background:var(--primary-extra-light);color:var(--primary-color)}.tools-sidebar .tool-categories .tool-category .category-tools{background:var(--bg-tertiary)}.tools-sidebar .tool-categories .tool-category .category-tools .tool-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) calc(var(--spacing-lg) * 2);cursor:pointer;transition:var(--transition-base)}.tools-sidebar .tool-categories .tool-category .category-tools .tool-item:hover{background:var(--primary-extra-light)}.tools-sidebar .tool-categories .tool-category .category-tools .tool-item .el-icon{color:var(--text-secondary)}.conversation-area{flex:1;background:var(--bg-card);display:flex;flex-direction:column;height:100%;position:relative}.conversation-area .conversation-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.conversation-area .conversation-header .conversation-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.conversation-area .conversation-header .conversation-info .conversation-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.conversation-area .conversation-header .conversation-controls{display:flex;gap:var(--spacing-sm)}.conversation-area .conversation-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);padding-bottom:200px}.conversation-area .conversation-content .welcome-screen{height:100%;display:flex;align-items:center;justify-content:center}.conversation-area .conversation-content .welcome-screen .welcome-content{text-align:center;max-width:400px}.conversation-area .conversation-content .welcome-screen .welcome-content .welcome-icon{margin-bottom:var(--spacing-xl);color:var(--primary-color)}.conversation-area .conversation-content .welcome-screen .welcome-content h2{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:var(--text-xl)}.conversation-area .conversation-content .welcome-screen .welcome-content p{margin-bottom:var(--spacing-xl);color:var(--text-secondary);line-height:1.6}.conversation-area .conversation-content .welcome-screen .welcome-content .quick-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.conversation-area .conversation-content .messages-container .message-item{margin-bottom:var(--spacing-xl)}.conversation-area .conversation-content .messages-container .message-item .message-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.conversation-area .conversation-content .messages-container .message-item .message-header .message-info{display:flex;flex-direction:column;gap:2px}.conversation-area .conversation-content .messages-container .message-item .message-header .message-info .message-sender{font-weight:var(--font-medium);color:var(--text-primary)}.conversation-area .conversation-content .messages-container .message-item .message-header .message-info .message-time{font-size:var(--text-xs);color:var(--text-secondary)}.conversation-area .conversation-content .messages-container .message-item .message-content{margin-left:44px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);line-height:1.6}.conversation-area .conversation-content .messages-container .message-item .message-content .text-content{white-space:pre-wrap}.conversation-area .conversation-content .messages-container .message-item .message-actions{margin-left:44px;margin-top:var(--spacing-sm);display:flex;gap:var(--spacing-sm)}.conversation-area .conversation-content .messages-container .message-item.user .message-content{background:var(--primary-color);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.conversation-area .conversation-content .messages-container .message-item.assistant .message-content{background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.conversation-area .conversation-content .messages-container .loading-message .loading-content{margin-left:44px;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.conversation-area .conversation-content .messages-container .loading-message .loading-content .typing-indicator{display:flex;gap:var(--spacing-xs)}.conversation-area .conversation-content .messages-container .loading-message .loading-content .typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s ease-in-out infinite}.conversation-area .conversation-content .messages-container .loading-message .loading-content .typing-indicator span:nth-child(2){animation-delay:.2s}.conversation-area .conversation-content .messages-container .loading-message .loading-content .typing-indicator span:nth-child(3){animation-delay:.4s}.conversation-area .input-area{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--border-color);background:var(--bg-tertiary);z-index:10;box-shadow:0 -2px 8px #0000001a;min-height:150px}.conversation-area .input-area .input-toolbar{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) 0;border-bottom:1px solid var(--border-color-light)}.conversation-area .input-area .input-container{padding:var(--spacing-lg) var(--spacing-xl);display:flex;gap:var(--spacing-md);align-items:flex-end}.conversation-area .input-area .input-container .message-input{flex:1}.conversation-area .input-area .input-container .send-button{height:78px;padding:0 var(--spacing-lg);flex-shrink:0}.conversation-area .input-area .input-hints{display:flex;justify-content:space-between;padding:0 var(--spacing-xl) var(--spacing-lg);font-size:var(--text-xs);color:var(--text-secondary)}.info-panel{width:320px;background:var(--bg-card)}.info-panel .info-tabs{height:100%;border:none}.info-panel .conversation-history{padding:var(--spacing-lg)}.info-panel .conversation-history .history-header{margin-bottom:var(--spacing-lg)}.info-panel .conversation-history .history-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition-base)}.info-panel .conversation-history .history-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.info-panel .conversation-history .history-item .history-title{font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.info-panel .conversation-history .history-item .history-time{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.info-panel .conversation-history .history-item .history-preview{font-size:var(--text-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.info-panel .memory-panel{padding:var(--spacing-lg)}.info-panel .memory-panel .memory-search{margin-bottom:var(--spacing-lg)}.info-panel .memory-panel .memory-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.info-panel .memory-panel .memory-item .memory-content{margin-bottom:var(--spacing-sm);line-height:1.4;font-size:var(--text-sm)}.info-panel .memory-panel .memory-item .memory-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.info-panel .memory-panel .memory-item .memory-meta .memory-time{font-size:var(--text-xs);color:var(--text-secondary)}.info-panel .memory-panel .memory-item .memory-actions{display:flex;gap:var(--spacing-sm)}.info-panel .status-panel{padding:var(--spacing-lg)}.info-panel .status-panel .status-section{margin-bottom:var(--spacing-xl)}.info-panel .status-panel .status-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.info-panel .status-panel .status-section .status-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.info-panel .status-panel .status-section .status-item:last-child{border-bottom:none}.info-panel .status-panel .performance-chart .chart-placeholder{height:120px;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--transition-base);overflow:hidden}.slide-down-enter-from,.slide-down-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.slide-down-enter-to,.slide-down-leave-from{max-height:300px;opacity:1;transform:translateY(0)}.tool-category.active .category-tools{display:block!important;max-height:none!important;opacity:1!important}@media (max-width: 1200px){.ai-workbench-container .workbench-main .tools-sidebar,.ai-workbench-container .workbench-main .info-panel{width:240px}}@media (max-width: 768px){.ai-workbench-container .workbench-main .tools-sidebar,.ai-workbench-container .workbench-main .info-panel{display:none}.ai-workbench-container .workbench-main .conversation-area .input-area{left:0;right:0}}.el-input,.el-textarea,.el-select,.el-button,.el-table,.el-form-item__label,.el-dialog,.el-message,.el-notification,.el-menu,.el-menu-item,.el-submenu__title,.el-card,.el-tabs,.el-tab-pane,.el-pagination,.el-tooltip,.el-popover,.el-dropdown,.el-breadcrumb{font-family:var(--font-family-base)!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}.el-menu{background-color:transparent!important;border:none!important}.el-menu .el-sub-menu .el-menu{background-color:#0000000d!important}.el-menu .el-menu-item{border-radius:6px!important;margin:2px 8px!important}.el-menu .el-menu-item:hover{background-color:var(--sidebar-item-hover)!important;color:var(--sidebar-text-hover)!important}.el-menu .el-menu-item.is-active{background-color:var(--primary-color)!important;color:#fff!important}.el-menu .el-sub-menu__title{border-radius:6px!important;margin:2px 8px!important}.el-menu .el-sub-menu__title:hover{background-color:var(--sidebar-item-hover)!important;color:var(--sidebar-text-hover)!important}.el-card{border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;background-color:var(--bg-card)!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important}.el-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.el-card .el-card__header{border-bottom-color:var(--border-color)!important;padding:var(--spacing-lg)!important;background-color:var(--bg-card)!important;color:var(--text-primary)!important}.el-card .el-card__body{padding:var(--spacing-lg)!important;background-color:var(--bg-card)!important;color:var(--text-primary)!important}.el-button{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all var(--transition-fast)!important;box-shadow:0 1px 2px #0000000d!important}.el-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.el-button:active{transform:translateY(0)}.el-button--default{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.el-button--default:hover{background-color:var(--bg-tertiary)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.el-input .el-input__wrapper{border-radius:var(--radius-md)!important;background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;box-shadow:none!important;transition:all var(--transition-fast)!important}.el-input .el-input__wrapper:hover{border-color:var(--border-light)!important}.el-input .el-input__wrapper.is-focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}.el-input .el-input__inner{background-color:transparent!important;color:var(--text-primary)!important}.el-input .el-input__inner::-moz-placeholder{color:var(--text-muted)!important}.el-input .el-input__inner::placeholder{color:var(--text-muted)!important}.el-table{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important}.el-table:before{background-color:var(--border-color)!important}.el-table th.el-table__cell{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important;font-weight:600!important}.el-table td.el-table__cell{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important;background-color:var(--bg-card)!important}.el-table .el-table__row:hover>td.el-table__cell{background-color:var(--bg-hover)!important}.el-table .el-table__empty-block{background-color:var(--bg-card)!important}.el-table .el-table__empty-text{color:var(--text-secondary)!important}.el-pagination{color:var(--text-primary)!important}.el-pagination button{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.el-pagination button:disabled{background-color:transparent!important;color:var(--text-disabled)!important}.el-pagination .el-pager li{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.el-pagination .el-pager li.is-active{background-color:var(--primary-color)!important;color:#fff!important}.el-pagination .el-pager li:hover{color:var(--primary-color)!important}.el-dialog{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.el-dialog .el-dialog__header{border-bottom:1px solid var(--border-color)!important;padding:var(--spacing-lg)!important}.el-dialog .el-dialog__title{color:var(--text-primary)!important}.el-dialog .el-dialog__body{padding:var(--spacing-lg)!important;color:var(--text-primary)!important}.el-dialog .el-dialog__footer{border-top:1px solid var(--border-color)!important;padding:var(--spacing-md) var(--spacing-lg)!important}.el-dropdown-menu{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.el-dropdown-menu .el-dropdown-menu__item{color:var(--text-primary)!important}.el-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--bg-hover)!important;color:var(--primary-color)!important}.el-select .el-select__wrapper{border-radius:var(--radius-md)!important;background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;box-shadow:none!important;transition:all var(--transition-fast)!important}.el-select .el-select__wrapper:hover{border-color:var(--border-light)!important}.el-select .el-select__wrapper.is-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}.el-select .el-select__placeholder{color:var(--text-muted)!important}.el-select .el-select__selection,.el-form .el-form-item__label{color:var(--text-primary)!important}.el-form .el-form-item__error{color:var(--danger-color)!important}.el-textarea .el-textarea__inner{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.el-textarea .el-textarea__inner:hover{border-color:var(--border-light)!important}.el-textarea .el-textarea__inner:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}.el-tag{border-radius:var(--radius-md)!important;padding:2px 12px!important;font-weight:500!important;border:none!important}.el-message{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important}.el-loading-mask{background-color:rgba(var(--bg-card-rgb),.9)!important}.el-empty .el-empty__description{color:var(--text-secondary)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.page-container{padding:var(--spacing-lg);width:100%;max-width:100%;min-height:calc(100vh - var(--header-height));background-color:var(--bg-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-card)}.card-header .card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.card-body{padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-shadow:0 1px 2px #0000000d}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn.btn-primary{background:var(--primary-color);color:#fff}.btn.btn-primary:hover{background:var(--primary-hover)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn.btn-secondary:hover{background:var(--bg-hover)}@media (max-width: 768px){.hidden-mobile{display:none!important}.page-container{padding:var(--spacing-md)}}@media (min-width: 769px){.hidden-desktop{display:none!important}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-fast)}.fade-enter-from,.fade-leave-to{opacity:0}:root{--unified-font-size: 20px;--unified-font-size-small: 12px;--unified-font-size-large: 16px;--unified-line-height: 1.5;--text-base: var(--unified-font-size);--text-sm: var(--unified-font-size-small);--text-lg: var(--unified-font-size-large);--font-size-base: var(--unified-font-size)}body,p,span,div,a,button,input,textarea,select{font-size:var(--unified-font-size)!important;line-height:var(--unified-line-height)!important}.sidebar,.sidebar .nav-item,.sidebar .center-item,.sidebar .el-menu-item,.sidebar .el-sub-menu__title,.sidebar .nav-item span,.sidebar .nav-item div,.sidebar .nav-item a,.sidebar .center-item span,.sidebar .center-item div,.sidebar .center-item a,.sidebar .el-menu-item span,.sidebar .el-menu-item div,.sidebar .el-menu-item a,.sidebar .el-sub-menu__title span,.sidebar .el-sub-menu__title div,.sidebar .el-sub-menu__title a{font-size:var(--unified-font-size)!important}.sidebar .nav-text,.sidebar .nav-content,.sidebar .menu-title{font-size:var(--unified-font-size-large)!important}.sidebar .logo-text,.sidebar .brand-text,.sidebar .user-section,.sidebar .user-details,.sidebar .user-section span,.sidebar .user-section div,.sidebar .user-details span,.sidebar .user-details div,.app-main,.main-content,.page-container,.dashboard-container,.app-main .breadcrumb,.app-main .el-breadcrumb,.main-content .breadcrumb,.main-content .el-breadcrumb,.page-container .breadcrumb,.page-container .el-breadcrumb,.dashboard-container .breadcrumb,.dashboard-container .el-breadcrumb,.app-main .breadcrumb .el-breadcrumb__item,.app-main .el-breadcrumb .el-breadcrumb__item,.main-content .breadcrumb .el-breadcrumb__item,.main-content .el-breadcrumb .el-breadcrumb__item,.page-container .breadcrumb .el-breadcrumb__item,.page-container .el-breadcrumb .el-breadcrumb__item,.dashboard-container .breadcrumb .el-breadcrumb__item,.dashboard-container .el-breadcrumb .el-breadcrumb__item{font-size:var(--unified-font-size)!important}.app-main .page-title,.app-main .content-title,.app-main .section-title,.main-content .page-title,.main-content .content-title,.main-content .section-title,.page-container .page-title,.page-container .content-title,.page-container .section-title,.dashboard-container .page-title,.dashboard-container .content-title,.dashboard-container .section-title{font-size:var(--unified-font-size-large)!important}.app-main .page-subtitle,.app-main .content-description,.main-content .page-subtitle,.main-content .content-description,.page-container .page-subtitle,.page-container .content-description,.dashboard-container .page-subtitle,.dashboard-container .content-description,.app-main .el-card,.app-main .card,.app-main .dashboard-card,.main-content .el-card,.main-content .card,.main-content .dashboard-card,.page-container .el-card,.page-container .card,.page-container .dashboard-card,.dashboard-container .el-card,.dashboard-container .card,.dashboard-container .dashboard-card,.app-main .el-card .el-card__body,.app-main .el-card .card-body,.app-main .card .el-card__body,.app-main .card .card-body,.app-main .dashboard-card .el-card__body,.app-main .dashboard-card .card-body,.main-content .el-card .el-card__body,.main-content .el-card .card-body,.main-content .card .el-card__body,.main-content .card .card-body,.main-content .dashboard-card .el-card__body,.main-content .dashboard-card .card-body,.page-container .el-card .el-card__body,.page-container .el-card .card-body,.page-container .card .el-card__body,.page-container .card .card-body,.page-container .dashboard-card .el-card__body,.page-container .dashboard-card .card-body,.dashboard-container .el-card .el-card__body,.dashboard-container .el-card .card-body,.dashboard-container .card .el-card__body,.dashboard-container .card .card-body,.dashboard-container .dashboard-card .el-card__body,.dashboard-container .dashboard-card .card-body{font-size:var(--unified-font-size)!important}.app-main .stat-value,.app-main .metric-value,.main-content .stat-value,.main-content .metric-value,.page-container .stat-value,.page-container .metric-value,.dashboard-container .stat-value,.dashboard-container .metric-value{font-size:var(--unified-font-size-large)!important}.app-main .stat-label,.app-main .metric-label,.main-content .stat-label,.main-content .metric-label,.page-container .stat-label,.page-container .metric-label,.dashboard-container .stat-label,.dashboard-container .metric-label,.app-main .el-button,.app-main .btn,.main-content .el-button,.main-content .btn,.page-container .el-button,.page-container .btn,.dashboard-container .el-button,.dashboard-container .btn,.app-main .el-table,.app-main .table,.main-content .el-table,.main-content .table,.page-container .el-table,.page-container .table,.dashboard-container .el-table,.dashboard-container .table,.app-main .el-table th,.app-main .el-table td,.app-main .table th,.app-main .table td,.main-content .el-table th,.main-content .el-table td,.main-content .table th,.main-content .table td,.page-container .el-table th,.page-container .el-table td,.page-container .table th,.page-container .table td,.dashboard-container .el-table th,.dashboard-container .el-table td,.dashboard-container .table th,.dashboard-container .table td,.app-main .el-form,.app-main .form,.main-content .el-form,.main-content .form,.page-container .el-form,.page-container .form,.dashboard-container .el-form,.dashboard-container .form,.app-main .el-form .el-form-item__label,.app-main .el-form .form-label,.app-main .form .el-form-item__label,.app-main .form .form-label,.main-content .el-form .el-form-item__label,.main-content .el-form .form-label,.main-content .form .el-form-item__label,.main-content .form .form-label,.page-container .el-form .el-form-item__label,.page-container .el-form .form-label,.page-container .form .el-form-item__label,.page-container .form .form-label,.dashboard-container .el-form .el-form-item__label,.dashboard-container .el-form .form-label,.dashboard-container .form .el-form-item__label,.dashboard-container .form .form-label,.app-main .el-form .el-input,.app-main .el-form .el-select,.app-main .el-form .el-textarea,.app-main .form .el-input,.app-main .form .el-select,.app-main .form .el-textarea,.main-content .el-form .el-input,.main-content .el-form .el-select,.main-content .el-form .el-textarea,.main-content .form .el-input,.main-content .form .el-select,.main-content .form .el-textarea,.page-container .el-form .el-input,.page-container .el-form .el-select,.page-container .el-form .el-textarea,.page-container .form .el-input,.page-container .form .el-select,.page-container .form .el-textarea,.dashboard-container .el-form .el-input,.dashboard-container .el-form .el-select,.dashboard-container .el-form .el-textarea,.dashboard-container .form .el-input,.dashboard-container .form .el-select,.dashboard-container .form .el-textarea,.app-main .el-form .el-input input,.app-main .el-form .el-input textarea,.app-main .el-form .el-select input,.app-main .el-form .el-select textarea,.app-main .el-form .el-textarea input,.app-main .el-form .el-textarea textarea,.app-main .form .el-input input,.app-main .form .el-input textarea,.app-main .form .el-select input,.app-main .form .el-select textarea,.app-main .form .el-textarea input,.app-main .form .el-textarea textarea,.main-content .el-form .el-input input,.main-content .el-form .el-input textarea,.main-content .el-form .el-select input,.main-content .el-form .el-select textarea,.main-content .el-form .el-textarea input,.main-content .el-form .el-textarea textarea,.main-content .form .el-input input,.main-content .form .el-input textarea,.main-content .form .el-select input,.main-content .form .el-select textarea,.main-content .form .el-textarea input,.main-content .form .el-textarea textarea,.page-container .el-form .el-input input,.page-container .el-form .el-input textarea,.page-container .el-form .el-select input,.page-container .el-form .el-select textarea,.page-container .el-form .el-textarea input,.page-container .el-form .el-textarea textarea,.page-container .form .el-input input,.page-container .form .el-input textarea,.page-container .form .el-select input,.page-container .form .el-select textarea,.page-container .form .el-textarea input,.page-container .form .el-textarea textarea,.dashboard-container .el-form .el-input input,.dashboard-container .el-form .el-input textarea,.dashboard-container .el-form .el-select input,.dashboard-container .el-form .el-select textarea,.dashboard-container .el-form .el-textarea input,.dashboard-container .el-form .el-textarea textarea,.dashboard-container .form .el-input input,.dashboard-container .form .el-input textarea,.dashboard-container .form .el-select input,.dashboard-container .form .el-select textarea,.dashboard-container .form .el-textarea input,.dashboard-container .form .el-textarea textarea,.ai-assistant,.ai-assistant-container,.ai-assistant .ai-header,.ai-assistant .ai-panel-header,.ai-assistant-container .ai-header,.ai-assistant-container .ai-panel-header{font-size:var(--unified-font-size)!important}.ai-assistant .ai-header .ai-title,.ai-assistant .ai-header .panel-title,.ai-assistant .ai-panel-header .ai-title,.ai-assistant .ai-panel-header .panel-title,.ai-assistant-container .ai-header .ai-title,.ai-assistant-container .ai-header .panel-title,.ai-assistant-container .ai-panel-header .ai-title,.ai-assistant-container .ai-panel-header .panel-title{font-size:var(--unified-font-size-large)!important}.ai-assistant .ai-header .function-tools-indicator,.ai-assistant .ai-panel-header .function-tools-indicator,.ai-assistant-container .ai-header .function-tools-indicator,.ai-assistant-container .ai-panel-header .function-tools-indicator,.ai-assistant .ai-header .function-tools-indicator .tools-count,.ai-assistant .ai-panel-header .function-tools-indicator .tools-count,.ai-assistant-container .ai-header .function-tools-indicator .tools-count,.ai-assistant-container .ai-panel-header .function-tools-indicator .tools-count{font-size:var(--unified-font-size-small)!important}.ai-assistant .chat-area,.ai-assistant .message-list,.ai-assistant-container .chat-area,.ai-assistant-container .message-list,.ai-assistant .chat-area .message-bubble,.ai-assistant .chat-area .ai-message,.ai-assistant .chat-area .user-message,.ai-assistant .message-list .message-bubble,.ai-assistant .message-list .ai-message,.ai-assistant .message-list .user-message,.ai-assistant-container .chat-area .message-bubble,.ai-assistant-container .chat-area .ai-message,.ai-assistant-container .chat-area .user-message,.ai-assistant-container .message-list .message-bubble,.ai-assistant-container .message-list .ai-message,.ai-assistant-container .message-list .user-message,.ai-assistant .input-area,.ai-assistant .ai-input,.ai-assistant-container .input-area,.ai-assistant-container .ai-input,.ai-assistant .input-area textarea,.ai-assistant .input-area input,.ai-assistant .ai-input textarea,.ai-assistant .ai-input input,.ai-assistant-container .input-area textarea,.ai-assistant-container .input-area input,.ai-assistant-container .ai-input textarea,.ai-assistant-container .ai-input input,.ai-assistant .input-area .el-button,.ai-assistant .input-area .send-btn,.ai-assistant .ai-input .el-button,.ai-assistant .ai-input .send-btn,.ai-assistant-container .input-area .el-button,.ai-assistant-container .input-area .send-btn,.ai-assistant-container .ai-input .el-button,.ai-assistant-container .ai-input .send-btn,.ai-assistant .quick-actions,.ai-assistant .ai-actions,.ai-assistant-container .quick-actions,.ai-assistant-container .ai-actions,.ai-assistant .quick-actions .el-button,.ai-assistant .ai-actions .el-button,.ai-assistant-container .quick-actions .el-button,.ai-assistant-container .ai-actions .el-button,.el-menu,.el-menu .el-menu-item,.el-menu .el-sub-menu__title,.el-dropdown,.el-dropdown .el-dropdown-menu__item{font-size:var(--unified-font-size)!important}.el-dialog .el-dialog__title{font-size:var(--unified-font-size-large)!important}.el-dialog .el-dialog__body,.el-message,.el-notification{font-size:var(--unified-font-size)!important}@media (max-width: 768px){:root{--unified-font-size: 15px;--unified-font-size-small: 13px;--unified-font-size-large: 17px}}@media (max-width: 480px){:root{--unified-font-size: 16px;--unified-font-size-small: 14px;--unified-font-size-large: 18px}}.keep-original-size,.icon,.el-icon{font-size:inherit!important}.number-display,.count-display,.stat-number{font-size:var(--unified-font-size-large)!important}.badge,.tag,.el-tag{font-size:var(--unified-font-size-small)!important}:root.theme-light{--muted-foreground: #666666 !important;--text-muted: #666666 !important;--sidebar-text: #666666 !important;--text-secondary: #666666 !important}.sidebar .nav-item,.sidebar .nav-item .center-item,.sidebar .nav-item .nav-text,.sidebar .nav-item .nav-icon{color:#666!important}.sidebar span:not(.logo):not(.brand),.sidebar div:not(.logo):not(.brand),.sidebar a:not(.logo):not(.brand){color:#666!important}.sidebar .nav-item:hover .nav-text,.sidebar .nav-item:hover .nav-icon,.sidebar .nav-item:hover .center-item{color:#333!important}.sidebar .nav-item.active .nav-text,.sidebar .nav-item.active .nav-icon,.sidebar .nav-item.active .center-item,.sidebar .nav-item.router-link-active .nav-text,.sidebar .nav-item.router-link-active .nav-icon,.sidebar .nav-item.router-link-active .center-item{color:#fff!important}html.theme-light .sidebar .nav-text,html.theme-light .sidebar .nav-icon,html.theme-light .sidebar .center-item{color:#666!important}.theme-light .sidebar *[class*=nav-],.theme-light .sidebar *[class*=text-],.theme-light .sidebar *[class*=item-]{color:inherit!important}:root.theme-dark{--sidebar-border: #1a1625 !important;--scrollbar-track: #1a1625;--scrollbar-thumb: #374151;--scrollbar-thumb-hover: #4b5563}.theme-dark .sidebar .sidebar-header{border-bottom:1px solid var(--sidebar-border)!important;border-bottom-color:#1a1625!important}.theme-dark .sidebar .sidebar-logo{border:none!important;border-bottom:none!important}.theme-dark .sidebar .logo-icon{border:none!important}.theme-dark .sidebar .sidebar-nav,.theme-dark .sidebar nav,.theme-dark .sidebar .nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.theme-dark .sidebar .sidebar-nav::-webkit-scrollbar,.theme-dark .sidebar nav::-webkit-scrollbar,.theme-dark .sidebar .nav::-webkit-scrollbar{width:6px;background-color:var(--scrollbar-track)}.theme-dark .sidebar .sidebar-nav::-webkit-scrollbar-track,.theme-dark .sidebar nav::-webkit-scrollbar-track,.theme-dark .sidebar .nav::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:3px}.theme-dark .sidebar .sidebar-nav::-webkit-scrollbar-thumb,.theme-dark .sidebar nav::-webkit-scrollbar-thumb,.theme-dark .sidebar .nav::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.theme-dark .sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover,.theme-dark .sidebar nav::-webkit-scrollbar-thumb:hover,.theme-dark .sidebar .nav::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.theme-dark .sidebar .sidebar-nav::-webkit-scrollbar-corner,.theme-dark .sidebar nav::-webkit-scrollbar-corner,.theme-dark .sidebar .nav::-webkit-scrollbar-corner{background-color:var(--scrollbar-track)}.theme-dark *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.theme-dark *::-webkit-scrollbar{width:6px;height:6px;background-color:var(--scrollbar-track)}.theme-dark *::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:3px}.theme-dark *::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.theme-dark *::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.theme-dark *::-webkit-scrollbar-corner{background-color:var(--scrollbar-track)}.theme-dark .main-content,.theme-dark .dashboard-content,.theme-dark .content-area{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.theme-dark .sidebar .sidebar-header:after,.theme-dark .sidebar .sidebar-logo:after{display:none!important}html.theme-dark .sidebar .sidebar-header{border-bottom-color:#1a1625!important}html.theme-dark .sidebar-header{border-bottom:1px solid #1a1625!important}.theme-dark .sidebar{background-color:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-right:1px solid var(--sidebar-border)!important;box-shadow:var(--sidebar-shadow, none)}.theme-dark .sidebar .nav-item,.theme-dark .sidebar .nav-text,.theme-dark .sidebar .nav-icon,.theme-dark .sidebar .center-item{color:var(--sidebar-text)!important}.theme-dark .sidebar .nav-item:hover{background-color:var(--sidebar-item-hover)!important}.theme-dark .sidebar .nav-item:hover .nav-text,.theme-dark .sidebar .nav-item:hover .nav-icon,.theme-dark .sidebar .nav-item:hover .center-item{color:var(--sidebar-text-hover)!important}.theme-dark .sidebar .nav-item.active,.theme-dark .sidebar .nav-item.router-link-active{background-color:var(--sidebar-item-active)!important}.theme-dark .sidebar .nav-item.active .nav-text,.theme-dark .sidebar .nav-item.active .nav-icon,.theme-dark .sidebar .nav-item.active .center-item,.theme-dark .sidebar .nav-item.router-link-active .nav-text,.theme-dark .sidebar .nav-item.router-link-active .nav-icon,.theme-dark .sidebar .nav-item.router-link-active .center-item{color:var(--sidebar-item-active-text)!important}button,.el-button,[role=button],input[type=button],input[type=submit]{min-height:36px!important;min-width:64px!important}button.el-button--small,.el-button.el-button--small,[role=button].el-button--small,input[type=button].el-button--small,input[type=submit].el-button--small{min-height:32px!important;min-width:56px!important}button.el-button--large,.el-button.el-button--large,[role=button].el-button--large,input[type=button].el-button--large,input[type=submit].el-button--large{min-height:40px!important;min-width:80px!important}@media (max-width: 768px){button,.el-button,[role=button],input[type=button],input[type=submit]{min-height:44px!important;padding:8px 16px!important}button.el-button--small,.el-button.el-button--small,[role=button].el-button--small,input[type=button].el-button--small,input[type=submit].el-button--small{min-height:40px!important;padding:6px 12px!important}}.login-button,.nav-button,.header-button,.user-dropdown button,.sidebar-button,[class*=login],[class*=nav] button{min-height:36px!important;min-width:64px!important}@media (max-width: 768px){.login-button,.nav-button,.header-button,.user-dropdown button,.sidebar-button,[class*=login],[class*=nav] button{min-height:44px!important;padding:8px 16px!important}}.page-container{width:100%;max-width:none;overflow-x:hidden;padding:var(--app-padding, 20px)}.page-container *{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.page-container{padding:var(--app-padding-mobile, 16px)}}.el-table{width:100%}.el-table .el-table__body-wrapper{overflow-x:auto;max-width:100%}@media (max-width: 768px){.el-table .el-table__body-wrapper{-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.el-table{font-size:14px}.el-table .el-table__cell{padding:8px 4px}.el-table .el-table__column--hidden-mobile{display:none}}.el-card{width:100%;margin-bottom:var(--app-gap, 16px)}.el-card .el-card__body{padding:var(--app-padding, 20px)}@media (max-width: 768px){.el-card .el-card__body{padding:var(--app-padding-mobile, 16px)}}.el-row{width:100%;margin:0}@media (max-width: 768px){.el-row .el-col[class*=el-col-]{width:100%!important;margin-bottom:var(--app-gap, 16px)}}.image-container{position:relative;overflow:hidden;border-radius:var(--border-radius, 8px);width:100%}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.image-container.responsive-image{max-width:100%;height:auto}.image-container.responsive-image img{height:auto}@media (max-width: 768px){.layout-sidebar{transform:translate(-100%);transition:transform .3s ease}.layout-sidebar.mobile-open{transform:translate(0)}}.el-form{width:100%}.el-form .el-form-item{margin-bottom:var(--app-gap, 16px)}@media (max-width: 768px){.el-form .el-form-item .el-form-item__label{width:100%!important;text-align:left!important;margin-bottom:8px;padding:0!important}.el-form .el-form-item .el-form-item__content{margin-left:0!important;width:100%}}@media (max-width: 768px){.el-form.el-form--inline .el-form-item{width:100%;margin-right:0;margin-bottom:16px}.el-form.el-form--inline .el-form-item .el-form-item__content{width:100%}}@media (max-width: 768px){.el-dialog{width:95%!important;margin:5vh auto!important}.el-dialog .el-dialog__body{padding:16px}}@media (max-width: 768px){[style*="position: fixed"]{max-width:100vw!important;max-height:100vh!important}}body{font-size:var(--unified-font-size, 14px);line-height:var(--unified-line-height, 1.5)}@media (max-width: 768px){body{font-size:var(--unified-font-size, 16px)}}*{max-width:100%;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:root{--app-padding: 20px;--app-padding-mobile: 16px;--app-gap: 16px;--app-gap-sm: 8px;--app-gap-lg: 24px;--app-margin: 16px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px}@media print{.no-print{display:none!important}.page-container{padding:0}.el-button,.el-pagination{display:none!important}}.theme-workbench{background:var(--background)!important;color:var(--foreground)!important}.theme-workbench :where(.page-container,.page-header,.card,.stat-card,.chart-card,.table-container,.management-header,.management-toolbar,.management-table,.management-card,.management-form,.content-section,.form-container,.app-card,.insights-panel,.data-table-section,.analysis-panel,.results-panel,.control-panel,.dom-inspector,.timeline-item,.todo-item,.analysis-controls,.analysis-results,.prediction-card,.models-list,.feature-card,.recent-list,.history-item,.template-card,.toolbar,.expert-sidebar,.consultation-content,.post-item,.el-descriptions,.el-dialog__footer,[class*=card],[class*=panel],[class*=container],[class*=section]){background:var(--surface-1)!important;color:var(--foreground)!important;border-color:var(--border)!important}.theme-workbench :where(.sidebar,[class*=sidebar]){background:var(--surface-2)!important;border-color:var(--border)!important}.theme-workbench :where(.header,[class*=header]){background:var(--surface-1)!important;border-color:var(--border)!important}.theme-workbench :where(.el-card,.el-dialog,.el-message-box,.el-drawer,.el-popover,.el-dropdown__popper,.el-select-dropdown,.el-menu,.el-sub-menu__title,.el-table,.el-tabs__nav-wrap,.el-pagination){background:var(--surface-1)!important;color:var(--foreground)!important;border-color:var(--border)!important}.theme-workbench :where(.el-input__wrapper,.el-textarea__inner){background:var(--surface-1)!important;color:var(--foreground)!important;border-color:var(--border)!important}.theme-workbench .el-popper.is-light .el-popper__arrow:before{background:var(--surface-1)!important}.theme-workbench :where(.warning,.info,.success,.danger,.neutral){background-image:none!important}.theme-workbench a{color:color-mix(in oklab,var(--accent) 70%,black)!important}.theme-workbench .btn-primary{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:color-mix(in oklab,var(--accent) 50%,black)!important}.theme-workbench .ai-sidebar-container,.theme-workbench .ai-sidebar-container .ai-assistant,.theme-workbench .ai-assistant{color:var(--el-text-color-primary)!important}.app-card-title[data-v-42ef7118]{font-size:var(--text-lg, 18px);font-weight:600;color:var(--text-primary, #303133);margin:0}