*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;background:#f4f7fb;color:#102033}.topbar{height:64px;background:#075985;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 2px 10px #0002}.topbar strong{font-size:20px}.topbar span{margin-left:12px;opacity:.9}.staff{color:white;text-decoration:none;border:1px solid #ffffff66;padding:9px 14px;border-radius:9px}.hero{max-width:1200px;margin:28px auto;padding:28px;background:white;border-radius:18px;display:flex;justify-content:space-between;gap:30px;box-shadow:0 8px 30px #16324a12}.hero h1{margin:0 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.2}.hero p{max-width:700px;color:#526273;line-height:1.7}.report-btn{background:#dc2626;color:white;border:0;border-radius:12px;padding:15px 22px;font-size:18px;font-weight:700;cursor:pointer}.notice{align-self:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:18px;max-width:340px;line-height:1.6}.map-card{max-width:1200px;margin:0 auto 40px;background:white;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #16324a12}.map-head{padding:18px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.map-head h2{margin:0}.map-head p{margin:4px 0;color:#64748b}.legend{font-size:13px;white-space:nowrap}.legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-left:9px}.g{background:#22c55e}.y{background:#eab308}.o{background:#f97316}.r{background:#ef4444}.p{background:#7c3aed}#map{height:560px}.modal{position:fixed;inset:0;background:#06152599;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.hidden{display:none}.dialog{background:white;width:min(650px,100%);max-height:94vh;overflow:auto;border-radius:18px;padding:24px;position:relative}.x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:32px;cursor:pointer;color:#64748b}.dialog h2{margin-top:0}.muted,small{color:#64748b}.gps{padding:12px;border-radius:10px;margin:14px 0}.waiting{background:#eff6ff;color:#1d4ed8}.ok{background:#ecfdf5;color:#047857}.error{background:#fef2f2;color:#b91c1c}label{display:block;margin:12px 0;font-weight:650}input,select,textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}input[readonly]{background:#f1f5f9;color:#475569}.coords,.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{font-weight:400;display:flex;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:4px}.submit{width:100%;padding:13px;border:0;border-radius:10px;background:#dc2626;color:white;font-weight:700;font-size:16px;cursor:pointer}.submit:disabled{background:#94a3b8;cursor:not-allowed}@media(max-width:700px){.hero,.map-head{margin:16px;flex-direction:column}.map-card{margin:0 16px 30px}.legend{white-space:normal}.hero{padding:22px}#map{height:450px}.coords,.two{grid-template-columns:1fr}.topbar{padding:0 16px}.topbar span{display:block;margin-left:0;font-size:12px}.staff{font-size:13px}}