*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Thai",sans-serif;background:#f3f7f6;color:#17202a}.app{max-width:1100px;margin:auto;padding:16px}.topbar{background:#0f766e;color:#fff;border-radius:18px;padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.topbar h1{margin:0}.topbar p{margin:6px 0 0;opacity:.9}.role{background:#fff;color:#0f766e;border-radius:999px;padding:9px 14px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.kpi{background:#fff;border-radius:14px;padding:16px;border-left:6px solid #10b981;box-shadow:0 3px 12px #0001}.kpi span{display:block;color:#64748b}.kpi b{font-size:34px}.kpi.warn{border-color:#f59e0b}.kpi.danger{border-color:#dc2626}.menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.menu button,.primary{border:0;border-radius:12px;background:#111827;color:#fff;padding:13px;font-size:15px;font-weight:700}.primary{width:100%;background:#0f766e;margin-top:16px}.dangerBtn{background:#dc2626}.page{display:none;background:#fff;border-radius:18px;padding:18px;box-shadow:0 3px 12px #0001}.page.active{display:block}h2{margin-top:0;color:#0f766e}.panel{background:#ecfdf5;border:1px solid #a7f3d0;padding:16px;border-radius:14px}.form label{display:block;margin-top:12px;font-weight:700}input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin-top:6px;font-size:16px}textarea{min-height:90px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action{background:#fee2e2;border:1px solid #dc2626;border-radius:14px;padding:14px;margin-top:14px}.hidden{display:none}.master-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.master-card,.dev-card{background:#f8fafc;border-radius:12px;padding:14px;border-left:5px solid #0f766e;margin-bottom:10px}.dev-card{border-left-color:#dc2626}@media(max-width:760px){.topbar{display:block}.role{display:inline-block;margin-top:12px}.kpi-grid,.menu,.grid4,.master-grid{grid-template-columns:1fr}}