:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#193332;background:#f3f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;margin:auto;padding:0 40px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5e2}.brand{font-size:26px;font-weight:800;letter-spacing:2px}.brand span{font-size:15px;font-weight:400;letter-spacing:0;margin-left:18px;color:#657b76}.pill{font-size:12px;background:#e1ece7;border:1px solid #c8dcd2;padding:8px 12px;border-radius:20px}.heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#5f7f72}h1{font-size:32px;margin:10px 0 14px;font-weight:650}h2{font-size:17px;margin:0}.muted,.foot{color:#698078;font-size:13px}button{border:0;background:#235e4c;color:white;border-radius:8px;padding:12px 18px;cursor:pointer}button:hover{background:#154534}#notice{padding:14px 18px;background:#e9efeb;border-left:3px solid #739d88;border-radius:4px;color:#405c50;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.metrics article{background:white;border:1px solid #e0e7e3;border-radius:12px;padding:24px}.metrics span{font-size:13px;color:#6a7c75}.metrics strong{display:block;font-size:34px;font-weight:600;margin-top:12px}.panel{background:white;border:1px solid #e0e7e3;border-radius:12px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px}.toolbar>div{display:flex;gap:10px}input,select{border:1px solid #d8e1dc;border-radius:6px;padding:10px;background:white;font:inherit;font-size:13px}input{width:240px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:850px}th{background:#f5f8f6;font-size:12px;color:#65796e;font-weight:500;padding:14px 20px}td{padding:19px 20px;border-bottom:1px solid #edf1ee;vertical-align:top;line-height:1.7}td small{display:block;color:#7b8c83;font-size:11px}.tag{display:inline-block;padding:2px 8px;border-radius:5px;background:#edf3ef;color:#336b50;white-space:nowrap}.tag.warn{background:#fff1d8;color:#956322}.grade{font-size:19px;font-weight:650}.empty{text-align:center;color:#829087;padding:50px}.foot{line-height:1.8;margin:18px 0 36px}footer{display:flex;justify-content:space-between;border-top:1px solid #dce5e2;padding:22px 0;font-size:11px;color:#7e8e86}@media(max-width:700px){.shell{padding:0 16px}header{height:70px}.heading{margin-top:28px}h1{font-size:23px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{padding:17px}.toolbar{align-items:stretch;flex-direction:column}.toolbar>div{flex-direction:column}input{width:100%}.pill{font-size:10px}.heading button{padding:10px;white-space:nowrap;font-size:12px}}
