:root{--color-red: #E53935;--color-red-light: #FF6B6B;--color-blue: #1E88E5;--color-blue-light: #42A5F5;--color-bg: #F5F6FA;--color-sidebar: #1E2530;--color-sidebar-hover: #2C3545;--color-sidebar-active: #3A4558;--color-text: #333333;--color-text-secondary: #666666;--color-text-light: #999999;--color-border: #E0E0E0;--color-success: #4CAF50;--color-danger: #E53935;--color-warning: #FF9800;--shadow-ball: 0 2px 8px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-circle: 50%;--font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:14px;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}ul,ol{list-style:none}.page-container{padding:24px}.page-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--color-text)}.card{background:#fff;border-radius:var(--radius-md);padding:20px;box-shadow:0 1px 3px #00000014}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;transition:all .2s}.btn-primary{background:var(--color-blue);color:#fff}.btn-primary:hover{background:var(--color-blue-light)}.btn-red{background:var(--color-red);color:#fff}.btn-red:hover{background:var(--color-red-light)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-blue);color:var(--color-blue)}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-border);margin-bottom:20px}.tab-item{padding:8px 16px;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-item:hover{color:var(--color-blue)}.tab-item.active{color:var(--color-blue);border-bottom-color:var(--color-blue);font-weight:500}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px;box-shadow:0 1px 3px #00000014}.stat-card .label{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.stat-card .value{font-size:24px;font-weight:600}.stat-card .value.positive{color:var(--color-success)}.stat-card .value.negative{color:var(--color-danger)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-bg);font-weight:500;color:var(--color-text-secondary);font-size:12px}.table tr:hover{background:#fafafa}.empty-state{text-align:center;padding:40px;color:var(--color-text-light)}