:root{font-family:Inter,Noto Sans Thai,system-ui,sans-serif;color:#162033;background:#f7f8fa}body{margin:0}.appShell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#17243a;color:#fff;padding:24px 18px}.brand{font-weight:800;margin-bottom:28px}nav{display:grid;gap:8px}nav a{padding:12px;border-radius:8px;color:#dce8f7}nav a.active{background:#1f9ec9;color:#fff}.workspace{padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}h1,h2,p{margin-top:0}.topbar p{max-width:780px;color:#526174}.statusLine{color:#167ea4;font-size:14px}input,select,textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #ccd6e2;border-radius:8px;padding:10px 12px;font:inherit}textarea{min-height:92px}.contentGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:20px}.panel{background:#fff;border:1px solid #dde5ef;border-radius:8px;padding:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e8eef5;padding:12px 8px}th{color:#526174;font-weight:700}.editor{display:grid;gap:12px}.editorTitle{display:flex;justify-content:space-between;gap:12px}.status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700}.status.draft{background:#eef3f8;color:#526174}.status.published{background:#dff8ee;color:#12724d}.status.archived{background:#f3e9e4;color:#875035}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.errors{background:#fff1f0;border:1px solid #ffc6c1;border-radius:8px;padding:10px 12px;color:#9b1c14}.errors p{margin:4px 0}.actions{display:flex;flex-wrap:wrap;gap:10px}button{min-height:44px;border:1px solid #cbd6e2;border-radius:8px;background:#fff;color:#162033;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700}button.primary{background:#167ea4;border-color:#167ea4;color:#fff}button:disabled{opacity:.55}@media(max-width:920px){.appShell,.contentGrid{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-direction:column}}