:root{--bg-primary: #F5F7FA;--bg-secondary: #FFFFFF;--bg-tertiary: #F8F9FB;--bg-elevated: #FFFFFF;--border-color: #E0E4E8;--border-light: #F0F2F5;--text-primary: #1A1A2E;--text-secondary: #4A5568;--text-tertiary: #8B9AAF;--accent-gold: #E8A838;--accent-gold-hover: #F0B552;--accent-gold-dark: #B8860B;--accent-blue: #1890FF;--accent-green: #52C41A;--accent-red: #C62828;--accent-orange: #FAAD14;--accent-purple: #722ED1;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:15px;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4cad2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b9aaf}.page-container{padding:24px}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:600;color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:20px;transition:all .3s}.stat-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-hover)}.stat-label{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:30px;font-weight:700;color:var(--text-primary)}.stat-trend{font-size:13px;margin-top:4px}.stat-trend.up{color:var(--accent-green)}.stat-trend.down{color:var(--accent-red)}.btn-brand-primary{background:linear-gradient(135deg,#e8a838,#b8860b)!important;border:none!important;font-size:15px!important;font-weight:500!important;height:42px!important;box-shadow:0 2px 8px #e8a8384d!important}.btn-brand-primary:hover{background:linear-gradient(135deg,#f0b552,#d4a843)!important;box-shadow:0 4px 12px #e8a83866!important}