:root{font-family:system-ui,"Noto Sans Thai",sans-serif;color:#182a3b;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#132c46;color:#fff;padding:26px 16px}h1{font-size:1.2rem;margin:0 8px 30px}h1 small{display:block;font-size:.8rem;color:#a6c7df;font-weight:400;margin-top:6px}nav{display:grid;gap:4px}nav button{font:inherit;text-align:left;border:0;border-radius:8px;background:transparent;color:#dceaf5;padding:12px;cursor:pointer}nav button:hover,nav button[aria-current="page"]{background:#285374;color:white}.aside-note{font-size:.75rem;color:#a6c7df;margin:40px 8px}main{padding:30px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h2{margin:4px 0 20px}.eyebrow{font-size:.8rem;color:#57728b}.status{border:1px solid #d2a34d;color:#79571e;border-radius:100px;padding:8px 12px;font-size:.8rem}.notice{background:#fff5df;border-left:4px solid #d2a34d;padding:15px;margin:16px 0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card,.panel{background:white;border:1px solid #e1e8ef;border-radius:12px;padding:22px}.card strong{display:block;font-size:2rem;margin-top:10px}.card span{color:#5a6c7c}.panel{margin-top:18px}.empty{color:#64778a;padding:30px;text-align:center;border:1px dashed #bdccd9;border-radius:8px}@media(max-width:720px){.layout{display:block}aside{padding:16px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px}}