*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172337;font:15px/1.6 system-ui,-apple-system,"Noto Sans SC",sans-serif}header{background:#fff;border-bottom:1px solid #e3e9f0}.shell{max-width:780px;margin:auto;padding:18px}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand small,.sub,footer{color:#64748b}.mark{background:#2357b8;color:white;border-radius:12px;padding:8px 15px;font-size:22px;font-weight:800}.brand strong{font-size:16px}header .shell,.heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{background:#e7edf7;color:#476184;padding:4px 9px;border-radius:30px;font-size:11px;white-space:nowrap}.amber{background:#fff3d8;color:#875a14}.hero{padding:12px 2px 6px}.hero h1{font-size:25px;margin:10px 0 2px}.hero p{color:#5b6a7c;margin:0 0 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:#e7effd;border-radius:12px;text-align:center;padding:10px 3px}.stat b,.stat span{display:block}.stat span{font-size:12px;color:#4c658a}.panel{background:white;border:1px solid #e0e7ef;border-radius:16px;padding:17px;margin:15px 0;box-shadow:0 3px 10px #17233707}h2{font-size:18px;margin:0 0 8px}h3{font-size:16px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}input,textarea,button{font:inherit}input,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;background:white}textarea{resize:vertical;min-height:140px}button{padding:10px 13px;border:0;border-radius:10px;background:#2357b8;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.outline{background:#f4f7fc;color:#2357b8;border:1px solid #cbd5e1}.hidden{display:none}.tabs,.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tabs button{background:#eef2f8;color:#334155;font-size:12px}.tabs button.active{background:#2357b8;color:#fff}.meta{font-size:12px;color:#64748b;margin-bottom:10px}.imageWrap{max-height:65vh;overflow:auto;border:1px solid #e1e7ef;border-radius:10px;background:#fdfdfd;margin-bottom:15px}.imageWrap img{display:block;width:100%;height:auto}.note{background:#f7f8fc;border-left:3px solid #d7a43a;padding:12px;border-radius:4px;color:#49586d;margin:12px 0}.actions button{flex:1}.record{border-bottom:1px solid #e6ebf1;padding:8px 0}footer{text-align:center;padding:15px 0;font-size:12px}@media(max-width:530px){.shell{padding:12px}.hero h1{font-size:22px}.formrow{grid-template-columns:1fr}.brand small{font-size:10px}.panel{padding:13px}}