:root{--navy:#0b4f6c;--blue:#1677a6;--sky:#eaf7fb;--red:#b42318;--green:#067647;--yellow:#f5b700;--orange:#ef7d00;--ink:#173042;--muted:#617383;--line:#d8e2e8;--white:#fff;--shadow:0 8px 26px rgba(11,79,108,.10)}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Noto Sans Thai",system-ui,sans-serif;background:#f5f8fa;color:var(--ink);line-height:1.6}.topbar{height:72px;background:linear-gradient(135deg,#073b50,var(--navy));color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:700;font-size:1.1rem}.brand img{width:48px;height:48px;object-fit:contain;background:white;border-radius:50%;padding:3px}.brand small{display:block;font-size:.75rem;font-weight:400;opacity:.8}.container{width:min(1180px,calc(100% - 28px));margin:28px auto;min-height:calc(100vh - 180px)}.narrow{max-width:740px}.hero{background:linear-gradient(135deg,var(--navy),#168aad);color:white;border-radius:22px;padding:36px;margin-bottom:22px;box-shadow:var(--shadow)}.hero h1{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.6rem)}.hero p{max-width:760px;margin:0 0 20px}.actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.card h1,.card h2,.card h3{margin-top:0}.btn,button{border:0;border-radius:9px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--blue);color:white}.danger{background:var(--red);color:white}.secondary{background:#e8f0f4;color:var(--ink)}.light{background:white;color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{font-weight:700;font-size:.92rem}input,select,textarea{display:block;width:100%;border:1px solid #b9c8d1;border-radius:8px;padding:10px;margin-top:5px;font:inherit;background:white}textarea{min-height:110px;resize:vertical}.alert{padding:12px 15px;border-radius:9px;margin:10px 0;background:#eaf7fb}.alert.error{background:#fee4e2;color:#912018}.alert.success{background:#dcfae6;color:#05603a}.alert.warning{background:#fff3cd;color:#7a4d00}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9eef2;font-size:.82rem}.status-accepted{background:#fff1b8;color:#634b00}.status-investigating{background:#d5edff;color:#075985}.status-needs_info{background:#ffdfbd;color:#8a3b00}.status-completed{background:#d1fadf;color:#05603a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf5f8}.staff-nav{display:flex;gap:3px;overflow:auto;background:white;border-bottom:1px solid var(--line);padding:8px max(12px,calc((100% - 1180px)/2))}.staff-nav a{white-space:nowrap;color:var(--ink);padding:8px 10px;text-decoration:none;border-radius:7px}.staff-nav a:hover{background:var(--sky)}.nav-toggle{display:none;background:white;color:var(--navy)}footer{text-align:center;color:var(--muted);padding:24px}.announcement.urgent{border-left:5px solid var(--red)}.announcement.important{border-left:5px solid var(--yellow)}.sos-overlay{position:fixed;inset:0;background:rgba(70,0,0,.97);color:white;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.sos-box{max-width:700px;text-align:center;border:3px solid #ffb4ab;border-radius:20px;padding:30px;background:#8b0000}.sos-box h1{font-size:clamp(2rem,8vw,4rem);margin:0}.message{max-width:80%;padding:10px 14px;border-radius:12px;background:#e9eef2;margin:9px 0}.message.reporter{margin-left:auto;background:#d8f2ff}.muted{color:var(--muted);font-size:.88rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:white;padding:18px;border-radius:14px;border-left:5px solid var(--blue)}.stat strong{font-size:1.8rem;display:block}.print-only{display:none}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.staff-nav{display:none;position:absolute;right:10px;top:68px;z-index:20;flex-direction:column;box-shadow:var(--shadow);max-height:80vh}.staff-nav.open{display:flex}.nav-toggle{display:block}.container{margin-top:16px}.hero{padding:24px}.message{max-width:95%}}@media print{.topbar,.staff-nav,.no-print,footer{display:none!important}.container{width:100%;margin:0}.card{box-shadow:none;border:0}.print-only{display:block}body{background:white;color:black}}