*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#1c2c40;font:14px system-ui,"Microsoft YaHei",sans-serif}header{background:#17345a;color:#fff;padding:18px 24px}header h1{font-size:20px;margin:0 0 4px}header p{margin:0;color:#c5d6ed}main{max-width:1200px;margin:24px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#fff;border:1px solid #dfe7f0;border-radius:12px;padding:18px;margin-bottom:14px}.number{font-size:30px;font-weight:750;margin-top:7px}.muted{color:#6a788d;font-size:12px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}button{background:#1965d6;border:0;color:#fff;border-radius:8px;padding:9px 15px;cursor:pointer}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #e9edf3}th{color:#637287;font-size:12px}a{color:#145ec9;text-decoration:none}a:hover{text-decoration:underline}.error{color:#a61e1e}.tag{background:#fff0d6;color:#9d5800;padding:4px 8px;border-radius:18px}.empty{padding:32px;text-align:center;color:#637287}@media(max-width:640px){.grid{grid-template-columns:1fr}header{padding:15px}main{margin:14px auto}}