:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#163847;background:#f1f7f5}*{box-sizing:border-box}body{margin:0}a{color:#087f79;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(20px,calc((100vw - 1220px)/2));background:#fff;border-bottom:1px solid #d7e9e2}.logo{font-size:21px;font-weight:850;color:#123b42}.top nav{display:flex;flex-wrap:wrap;gap:18px}main{max-width:1250px;margin:auto;padding:24px 18px}.hero{padding:30px;border-radius:24px;background:linear-gradient(110deg,#113540,#087f79);color:#fff;display:flex;justify-content:space-between}.hero small{letter-spacing:.18em;color:#a7e2d3}.hero h1{font-size:clamp(24px,3.4vw,38px);margin:9px 0}.hero p{margin:0;color:#d6f2e8}.heroIcon{font-size:60px;opacity:.35}.panel{border:1px solid #d9e7e2;border-radius:20px;background:#fff;padding:20px;min-width:0;box-shadow:0 10px 30px #153e3d09}.chooser{display:flex;align-items:center;gap:14px;margin:20px 0;flex-wrap:wrap}.chooser label{font-weight:700}.chooser select{flex:1;min-width:240px;padding:13px;border:1px solid #bbd8d0;border-radius:12px;background:#fff;font:inherit;color:inherit}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stat{display:flex;flex-direction:column;gap:8px}.stat span{color:#647d83}.stat strong{font-size:clamp(18px,2vw,27px)}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:16px;align-items:start}.boardPanel canvas{display:block;width:100%;max-width:680px;aspect-ratio:1;margin:auto;border-radius:13px;touch-action:manipulation}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.panelHeader h2,.side h2{font-size:19px;margin:0 0 14px}.panelHeader span{color:#547379}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.actions button,.event{font:inherit;border:1px solid #b7d6cb;border-radius:10px;padding:10px;cursor:pointer;color:#174b4a;background:#f2faf7}.actions button:hover,.event:hover{background:#dbf1e9}.actions button:disabled{opacity:.35;cursor:not-allowed}#slider{width:100%;accent-color:#087f79}.side{display:grid;gap:15px}.insights p,#risks p{padding:8px 0;border-bottom:1px solid #e4efeb;margin:0;line-height:1.6}.academy{display:inline-block;margin:12px 0 0;padding:11px 15px;background:#087f79;border-radius:11px;color:white;font-weight:700}.events{display:grid;gap:8px;max-height:340px;overflow:auto}.event{text-align:left}.foot,.footer{color:#607780;font-size:13px;line-height:1.6}.footer{margin:20px auto;text-align:center}.error{background:#fff0ee;padding:15px;border-radius:13px;color:#963f2d}#busy{color:#60817c}@media(max-width:880px){.columns{grid-template-columns:minmax(0,1fr)}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.heroIcon{display:none}}@media(max-width:500px){.top{align-items:flex-start;flex-direction:column}.panel{padding:13px}.actions{grid-template-columns:repeat(2,1fr)}.chooser select{min-width:0;width:100%}}