*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}table{border-collapse:collapse}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.page{min-height:calc(100vh - 64px);padding:28px}.page-title{color:#1a1a2e;margin-bottom:4px;font-size:22px;font-weight:700}.page-sub{color:#888;margin-bottom:24px;font-size:13px}.card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 1px 4px #0000000a}.card-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-body{padding:16px 20px}.card-title{color:#1a1a2e;font-size:15px;font-weight:700}.table{background:#fff;border:1px solid #eee;border-radius:14px;width:100%;overflow:hidden}.table th{text-align:left;color:#888;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:12px;font-weight:600}.table td{color:#333;vertical-align:middle;border-bottom:1px solid #f8f8f8;padding:12px 16px;font-size:13px}.table tr:hover td{background:#fafbff}.pill{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pill-green{color:#16a34a;background:#f0fdf4}.pill-red{color:#ff3124;background:#fef2f2}.pill-yellow{color:#b45309;background:#fefce8}.pill-blue{color:#2563eb;background:#eff6ff}.pill-purple{color:#7c3aed;background:#f3e8ff}.pill-gray{color:#888;background:#f5f5f5}.btn{border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn-primary{color:#fff;background:#ff3124}.btn-primary:hover{background:#d12a33}.btn-secondary{color:#555;background:#f5f5f5;border:1px solid #e0e0e0}.btn-secondary:hover{background:#eee}.btn-danger{color:#ff3124;background:#fef2f2}.btn-success{color:#16a34a;background:#f0fdf4}.btn-sm{border-radius:8px;padding:5px 12px;font-size:12px}.input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border .15s}.input:focus{border-color:#ff3124}.toolbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px 20px;box-shadow:0 1px 4px #0000000a}.stat-label{color:#999;margin-bottom:8px;font-size:12px;font-weight:500}.stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.stat-change{margin-top:4px;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.empty-state{text-align:center;color:#aaa;padding:60px 20px}.loading{text-align:center;color:#888;padding:40px;font-size:14px}.pagination{justify-content:center;gap:4px;margin-top:20px;display:flex}.pagination button{color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:32px;height:32px;font-size:13px}.pagination button.active{color:#fff;background:#ff3124;border-color:#ff3124}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}