:root{--brand-primary: #6C5CE7;--brand-primary-light: #A29BFE;--brand-primary-dark: #4834D4;--brand-primary-bg: #F0EEFF;--brand-success: #00B894;--brand-success-bg: #E6F9F4;--brand-warning: #FDCB6E;--brand-warning-bg: #FFF8E6;--brand-danger: #FF7675;--brand-danger-bg: #FFE6E6;--brand-info: #74B9FF;--brand-info-bg: #E6F2FF;--gray-50: #FAFBFC;--gray-100: #F0F2F5;--gray-200: #E4E7EC;--gray-300: #D0D5DD;--gray-400: #98A2B3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1D2939;--gray-900: #101828;--bg-page: #F5F6FA;--bg-surface: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-sidebar-hover: #F0EEFF;--bg-sidebar-active: #F0EEFF;--bg-header: #FFFFFF;--bg-input: #FAFBFC;--text-primary: #1D2939;--text-secondary: #667085;--text-tertiary: #98A2B3;--text-placeholder: #D0D5DD;--text-inverse: #FFFFFF;--border-light: #E4E7EC;--border-default: #D0D5DD;--border-strong: #98A2B3;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .12);--shadow-xl: 0 16px 48px rgba(16, 24, 40, .16);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--sidebar-width: 220px;--sidebar-collapsed: 64px;--header-height: 56px;--content-padding: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1050;--z-toast: 1100}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}a{color:var(--brand-primary);text-decoration:none}a:hover{color:var(--brand-primary-light)}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}img.lazy-loading{opacity:0;transition:opacity .3s ease}img.lazy-loaded{opacity:1}img.lazy-error{opacity:1;background:var(--gray-100);object-fit:contain}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-collapsed);background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;transition:width var(--transition-slow);overflow:hidden;z-index:var(--z-sticky)}.admin-sidebar.collapsed{width:var(--sidebar-collapsed)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-header{height:var(--header-height);min-height:var(--header-height);background:var(--bg-header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);box-shadow:0 1px 0 var(--border-light);z-index:10}.admin-content{flex:1;padding:var(--content-padding);overflow-y:auto;overflow-x:hidden;background:var(--bg-page);scroll-behavior:smooth}.page-fade-enter-active{transition:opacity .2s ease,transform .25s ease}.page-fade-leave-active{transition:opacity .15s ease,transform .2s ease}.page-fade-enter-from{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0;transform:translateY(-6px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-fast)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.fade-slide-enter-from{opacity:0;transform:translateY(8px)}.fade-slide-leave-to{opacity:0;transform:translateY(-8px)}.stagger-list>*{opacity:0;transform:translateY(12px);animation:staggerItemIn .35s ease-out forwards}.stagger-list>*:nth-child(1){animation-delay:0s}.stagger-list>*:nth-child(2){animation-delay:.05s}.stagger-list>*:nth-child(3){animation-delay:.1s}.stagger-list>*:nth-child(4){animation-delay:.15s}.stagger-list>*:nth-child(5){animation-delay:.2s}.stagger-list>*:nth-child(6){animation-delay:.25s}.stagger-list>*:nth-child(7){animation-delay:.3s}.stagger-list>*:nth-child(8){animation-delay:.35s}.stagger-list>*:nth-child(9){animation-delay:.4s}.stagger-list>*:nth-child(10){animation-delay:.45s}@keyframes staggerItemIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.content-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition-fast)}.content-card:hover{box-shadow:var(--shadow-md)}.content-card+.content-card{margin-top:var(--spacing-md)}.search-bar{background:var(--bg-surface);padding:20px 20px 0;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.search-bar .el-form-item{margin-bottom:20px}.search-bar .el-form-item:last-child{margin-right:0}.table-card{background:var(--bg-surface);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.table-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--gray-50)}.el-table__body tr:hover>td.el-table__cell{background:var(--bg-sidebar-hover)!important}.table-thumb{width:60px;height:40px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:1px solid var(--border-light);transition:transform var(--transition-fast)}.table-thumb:hover{transform:scale(1.1)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard-stat{background:var(--bg-surface);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:default}.dashboard-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-stat .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--brand-primary);line-height:var(--line-height-tight)}.dashboard-stat .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-sm)}.el-button{transition:all var(--transition-fast)!important}.el-button:active:not(.is-disabled){transform:scale(.97)}.el-button--primary:hover:not(.is-disabled){box-shadow:0 2px 8px #6c5ce740}.el-button--success:hover:not(.is-disabled){box-shadow:0 2px 8px #00b89440}.el-button--danger:hover:not(.is-disabled){box-shadow:0 2px 8px #ff767540}.el-input__wrapper{transition:box-shadow var(--transition-fast)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.success{background:var(--brand-success)}.status-dot.warning{background:var(--brand-warning)}.status-dot.danger{background:var(--brand-danger)}.status-dot.info{background:var(--brand-info)}.status-dot.default{background:var(--gray-400)}@media(min-width:1600px){.admin-content{padding:var(--content-padding)}.content-card,.table-card,.chart-card{max-width:100%}}@media(max-width:1599px)and (min-width:1200px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1199px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar:not(.force-expanded){width:var(--sidebar-collapsed)}.admin-content,.content-card,.table-card{padding:16px}}@media(max-width:1023px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:none;width:var(--sidebar-width)!important}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.admin-header{padding:0 16px}.admin-content{padding:12px}.search-bar{padding:12px 12px 0}.search-bar :deep(.el-form-item){margin-bottom:12px;margin-right:8px}.content-card,.table-card{padding:12px;border-radius:var(--radius-md)}.form-dialog-mobile{--el-dialog-width: 100% !important}.form-dialog-mobile :deep(.el-dialog){margin:0!important;border-radius:0!important;max-height:100vh;display:flex;flex-direction:column}.form-dialog-mobile :deep(.el-dialog__body){flex:1;overflow-y:auto}}@media(max-width:767px){.dashboard-grid{grid-template-columns:1fr;gap:12px}.admin-header{padding:0 12px;height:48px;min-height:48px}.admin-content{padding:8px}.header-left :deep(.el-breadcrumb){display:none}.header-user-name{display:none}.content-card,.table-card{padding:10px;border-radius:var(--radius-sm)}.search-bar :deep(.el-form-item){display:block;margin-right:0;width:100%}.search-bar :deep(.el-form-item .el-input),.search-bar :deep(.el-form-item .el-select){width:100%!important}.el-pagination :deep(.el-pagination__sizes),.el-pagination :deep(.el-pagination__jump){display:none!important}.el-table :deep(.el-table__fixed-right){box-shadow:-2px 0 8px #0000000d}}@media print{.admin-sidebar,.admin-header,.sidebar-overlay{display:none!important}.admin-content{padding:0;background:#fff;overflow:visible}.content-card,.table-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-primary)}.text-success{color:var(--brand-success)}.text-warning{color:var(--brand-warning)}.text-danger{color:var(--brand-danger)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-full{width:100%}.hidden-xs{display:none}@media(min-width:768px){.hidden-xs{display:unset}}