:root{font-family:system-ui,-apple-system,'Noto Sans Thai',sans-serif;color:#172b4d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:white;padding:26px max(22px,calc((100vw - 1060px)/2));display:flex;justify-content:space-between;gap:12px;align-items:center}header h1{margin:4px 0;font-size:29px}header p{margin:0;color:#c4d5e4;font-size:13px}small{letter-spacing:1.6px;color:#89d9cb}main{max-width:1060px;margin:auto;padding:22px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.panel{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:20px}.metric span{color:#65758b;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:8px}nav{display:flex;gap:8px;margin:22px 0}button,.fileButton{font:inherit;background:#fff;border:1px solid #cad5e1;border-radius:9px;padding:9px 15px;cursor:pointer;color:#183451}button.active,.primary{background:#126c72;color:#fff;border-color:#126c72}button:hover,.fileButton:hover{filter:brightness(.95)}.panel{margin:16px 0}.panel h2{margin:0 0 12px;font-size:20px}.panel p{color:#65758b}.heading,.task,.actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.heading p{margin:0 0 15px}.task{padding:15px 0;border-top:1px solid #e7edf3;align-items:flex-start}.task h3{margin:0 0 5px;font-size:16px}.task p{margin:0 0 6px;font-size:13px}.meta{font-size:12px;color:#65758b}.tag,.chip{display:inline-block;background:#e9f2f3;color:#126c72;border-radius:30px;padding:4px 9px;font-size:12px}.chip{background:#214762;color:#e2fff6}.taskActions{display:flex;gap:6px;flex-wrap:wrap}.taskActions button{padding:6px 10px;font-size:12px}.danger{color:#ad3333;border-color:#f1caca}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:15px}.muted{font-size:12px;color:#72839a}dialog{border:0;border-radius:15px;width:min(95vw,550px);box-shadow:0 16px 60px #102a4333}dialog::backdrop{background:#0b1b2db0}form label{display:block;font-size:13px;margin:12px 0;color:#43566f}input,textarea,select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #c9d5df;border-radius:8px;font:inherit}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.briefItem{border-top:1px solid #edf0f5;padding:12px 0}.briefItem:first-child{border:0}@media(max-width:640px){header{padding:20px;align-items:flex-start}header h1{font-size:23px}main{padding:12px}.summary{grid-template-columns:repeat(2,1fr)}.task{display:block}.taskActions{margin-top:10px}.scores{grid-template-columns:1fr}}