*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#111827;font:15px/1.7 system-ui,'Microsoft YaHei',sans-serif}main{max-width:900px;margin:60px auto;padding:0 24px}.brand{display:flex;gap:12px;align-items:center;color:#2563eb;font-weight:600;font-size:13px;letter-spacing:2px}.brand svg{width:23px;height:23px}h1{font-size:38px;letter-spacing:-1px;margin:24px 0 8px}p,footer{color:#667085}h2{font-size:22px}.card{border:1px solid #e4e8ef;background:white;border-radius:22px;padding:28px;margin:22px 0;box-shadow:0 8px 30px #142b5005;animation:enter .45s both}input,textarea{display:block;width:100%;border:1px solid #d2d9e5;padding:13px;border-radius:12px;font:inherit;margin:9px 0 16px;transition:box-shadow .2s,border-color .2s}input:focus,textarea:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb15}button{background:#2563eb;color:white;border:0;border-radius:12px;padding:12px 20px;cursor:pointer;font:inherit;transition:transform .18s,background .2s;margin:4px 8px 4px 0}button:hover{transform:scale(1.025);background:#1d4ed8}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:wait}.line{display:flex;gap:12px;align-items:center}.line input{margin:10px 0}.line button{white-space:nowrap}label{display:block;font-weight:500}#status{padding:14px 16px;background:#eff6ff;color:#28518a;border-radius:12px;margin:16px 0}#status.error{background:#fef2f2;color:#b42318}.kv{display:grid;grid-template-columns:1fr 3fr;padding:10px 0;gap:15px;border-bottom:1px solid #edf0f5}.kv span{overflow-wrap:anywhere;white-space:pre-wrap}.kv span:first-child{color:#667085}.record{padding:18px;border:1px solid #e4e8ef;border-radius:14px;margin:16px 0;animation:enter .35s both}img{display:block;max-width:240px;margin:16px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#2563eb}[hidden]{display:none!important}footer{font-size:12px;margin:30px 0}.leaving{animation:leave .18s both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(-8px)}}@media(max-width:600px){main{margin:28px auto;padding:0 16px}h1{font-size:29px}.card{padding:20px}.line{display:block}.line button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
 .dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.metric{border:1px solid #e6ecf5;border-radius:14px;padding:16px;background:#f8fbff;animation:enter .35s both}.metric span{display:block;color:#667085;font-size:12px}.metric strong{display:block;font-size:27px;color:#1d4ed8;margin-top:8px}.muted{font-size:12px;color:#667085}.table-wrap{overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{background:#f8fafc;color:#667085;font-weight:500}tbody tr{animation:enter .25s both}tbody tr:hover{background:#f5f8ff;transition:background .18s}@media(max-width:650px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}