*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172235;font-family:Arial,sans-serif}main{max-width:1500px;margin:auto;padding:40px 28px}header{display:flex;justify-content:space-between;align-items:center}small{letter-spacing:3px;color:#718198}h1{font-size:44px;margin:8px 0}p{color:#66768a;font-size:18px}button{background:#111827;color:#fff;border:0;border-radius:12px;padding:13px 22px;font-size:15px}.notice,section,.cards>div{background:#fff;border:1px solid #e1e6ec;border-radius:16px}.notice{padding:18px;margin:28px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.cards>div{padding:20px}.cards span{display:block;color:#708096}.cards b{font-size:34px;display:block;margin-top:8px}section{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{padding:15px;border-bottom:1px solid #edf0f3;text-align:left}th{color:#718096;font-size:13px}i{font-style:normal;font-weight:bold;padding:7px 10px;border-radius:8px;font-size:12px}.g{background:#d8f7e3;color:#087a3e}.b{background:#e2f2ff;color:#075b9a}.h{background:#fff2c9;color:#8a6500}.s{background:#ffe1e1;color:#9b1c1c}footer{margin-top:20px;color:#8995a5;font-size:13px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}header{display:block}button{margin-top:10px}}