*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.layout{min-height:100vh;display:flex}.main-content{flex:1;min-height:100vh;margin-left:240px;padding:24px}.card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 12px #0000000f}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#1a1a1a;font-size:18px;font-weight:600}.card-subtitle{color:#999;margin-top:4px;font-size:13px}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:#1890ff}.btn-primary:hover{background:#40a9ff}.btn-default{color:#666;background:#fff;border:1px solid #d9d9d9}.btn-default:hover{color:#1890ff;border-color:#1890ff}.btn-danger{color:#fff;background:#ff4d4f}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:center;border-bottom:1px solid #f0f0f0;padding:14px 16px}.data-table th{color:#1a1a1a;background:#fafafa;font-weight:600}.data-table tr:hover{background:#f5f7fa}.tag{border-radius:4px;padding:4px 10px;font-size:12px;display:inline-block}.tag-success{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.tag-warning{color:#faad14;background:#fffbe6;border:1px solid #ffe58f}.tag-error{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.tag-info{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 2px 12px #0000000f}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.stat-icon.blue{background:#e6f7ff}.stat-icon.green{background:#f6ffed}.stat-icon.orange{background:#fff7e6}.stat-icon.red{background:#fff1f0}.stat-icon.purple{background:#f9f0ff}.stat-content h3{color:#666;margin-bottom:8px;font-size:14px}.stat-content .number{color:#1a1a1a;font-size:28px;font-weight:700}.trend-up{color:#52c41a;font-size:12px}.trend-down{color:#ff4d4f;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-input{border:1px solid #d9d9d9;border-radius:6px;outline:none;min-width:200px;padding:8px 14px;font-size:14px}.filter-input:focus{border-color:#1890ff}.filter-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none;min-width:140px;padding:8px 14px;font-size:14px}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}