*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--el-color-primary: #FF7A00;--el-color-primary-light-3: #FF9A3C;--el-color-primary-light-5: #FFAB5C;--el-color-primary-light-7: #FFC48A;--el-color-primary-light-8: #FFD6AD;--el-color-primary-light-9: #FFF8F0;--el-color-primary-dark-2: #E06B00;--brand-primary: #FF7A00;--brand-primary-hover: #E06B00;--brand-primary-light: #FF9A3C;--brand-primary-bg: #FFF8F0;--brand-primary-gradient: linear-gradient(135deg, #FF7A00, #FF9A3C);--brand-dark: #1A1A2E;--brand-dark-light: #2D2D44;--brand-dark-lighter: #475569;--color-success: #10B981;--color-success-light: #ECFDF5;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-danger: #EF4444;--color-danger-light: #FEF2F2;--color-info: #3B82F6;--color-info-light: #EFF6FF;--text-primary: #1A1A2E;--text-secondary: #2D2D44;--text-tertiary: #64748B;--text-placeholder: #94A3B8;--text-white: #FFFFFF;--bg-base: #F5F5F7;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-sidebar: #0F172A;--bg-hover: #F5F5F7;--bg-active: #EEEEF0;--bg-mask: rgba(15, 23, 42, .6);--border-light: #EEEEF0;--border-normal: #E2E8F0;--border-dark: #CBD5E1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-card: 12px;--radius-button: 8px;--radius-xl: 20px;--radius-round: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-popup: 0 16px 48px rgba(0, 0, 0, .12);--shadow-hover: 0 8px 24px rgba(255, 122, 0, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--header-height: 60px;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-num: "DIN Alternate", "Roboto Mono", "SF Mono", Menlo, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.3, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-track{background:transparent}.page-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-standard)}.page-card:hover{box-shadow:var(--shadow-hover)}.stat-card{background:var(--bg-card);border-radius:var(--radius-card);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.stat-card .stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-card .stat-icon.green{background:linear-gradient(135deg,#10b981,#34d399)}.stat-card .stat-icon.orange{background:linear-gradient(135deg,#ff7a00,#ff9a3c)}.stat-card .stat-icon.red{background:linear-gradient(135deg,#ef4444,#f87171)}.stat-card .stat-icon.brand{background:linear-gradient(135deg,#ff7a00,#ff9a3c)}.stat-card .stat-info{flex:1;min-width:0}.stat-card .stat-info .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);font-family:var(--font-family-num)}.stat-card .stat-info .stat-label{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.stat-card .stat-info .stat-trend{font-size:var(--font-size-xs);margin-top:2px}.stat-card .stat-info .stat-trend.up{color:var(--color-success)}.stat-card .stat-info .stat-trend.down{color:var(--color-danger)}.layout-container{display:flex;height:100%}.layout-sidebar{width:var(--sidebar-width);height:100%;position:fixed;left:0;top:0;z-index:100}.layout-main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--duration-normal) var(--ease-standard)}.layout-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.layout-header{height:var(--header-height);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:99;gap:var(--space-4);min-width:0}.header-left{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.layout-header :deep(.el-breadcrumb__inner),.layout-header :deep(.el-breadcrumb__inner.is-link){font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.layout-content{flex:1;padding:var(--space-8);animation:fadeIn .3s var(--ease-decelerate)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-tertiary)}.table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.table-actions h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.el-button--primary{--el-button-bg-color: #FF7A00;--el-button-border-color: #FF7A00;--el-button-hover-bg-color: #E06B00;--el-button-hover-border-color: #E06B00;--el-button-active-bg-color: #CC5F00;--el-button-active-border-color: #CC5F00;box-shadow:0 2px 8px #ff7a0040}.el-menu{--el-menu-bg-color: #0F172A;--el-menu-text-color: rgba(255, 255, 255, .55);--el-menu-hover-bg-color: rgba(255, 255, 255, .06);--el-menu-active-color: #FF7A00;border-right:none}.el-tag{border-radius:var(--radius-sm)}.el-table{--el-table-border-color: var(--border-light);--el-table-header-bg-color: #F8F9FA;--el-table-row-hover-bg-color: #FFF8F0;border-radius:var(--radius-md);overflow:hidden}.el-table th.el-table__cell{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);background-color:#f8f9fa!important}.el-table .el-table__cell .cell .el-button+.el-button{margin-left:8px}.el-card{border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-sm)}.el-dialog{border-radius:var(--radius-lg)}.el-input__wrapper,.el-select .el-input__wrapper{border-radius:var(--radius-sm)}@media(max-width:1200px){.layout-content{padding:var(--space-5)}}@media(max-width:768px){.layout-sidebar{width:var(--sidebar-collapsed-width)}.layout-main{margin-left:var(--sidebar-collapsed-width)}.layout-content{padding:var(--space-4)}}