@font-face{font-family:NotoThai;src:url('NotoSansThai.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#29262a;font-family:NotoThai,Tahoma,sans-serif;font-size:14px;line-height:1.7}a{color:#8b1634;text-decoration:none}a:hover{text-decoration:underline}aside{width:258px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e9e4e1;display:flex;flex-direction:column;padding:32px 20px}.brand{display:flex;gap:10px;align-items:center;color:#73152d;margin-bottom:34px}.brand img{width:56px;height:64px;object-fit:contain}.brand span{font-size:24px;letter-spacing:1px;font-weight:800}.brand b{color:#bc9026}.brand small{font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap}.section-label,.eyebrow{font-size:10px;font-weight:700;color:#9e8b82;letter-spacing:1.6px}nav{display:grid;gap:5px;margin-top:15px}nav a{padding:11px 12px;border-radius:9px;color:#6a6262;font-size:13px}nav a:hover,nav a.selected{background:#f9edf0;color:#8b1634;text-decoration:none}.account{margin-top:auto;padding:20px 8px 6px;border-top:1px solid #eee}.account small{color:#8a7d7d}.sidebar-foot{font-size:9px;color:#a2948c;margin-top:20px;line-height:1.9}main{margin-left:258px;padding:30px 42px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:14px}h1{font-size:25px;margin:5px 0 0;font-weight:700}h2{font-size:20px;margin:0 0 14px}p{margin:9px 0 18px}small{display:block;font-size:11px}footer{margin:28px 0 10px;font-size:11px;color:#9d8d85}.panel{background:#fff;border:1px solid #ece5df;border-radius:16px;padding:25px;margin-bottom:22px;min-width:0;box-shadow:0 4px 18px #41201303}.grid{display:grid;gap:22px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.form-layout{grid-template-columns:340px 1fr}.muted{color:#8d7b75;font-size:12px}.welcome{border-radius:18px;background:linear-gradient(115deg,#72152c,#a42240);padding:28px 32px;color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.welcome h2{font-size:28px;margin:10px 0 0}.welcome p{margin:4px 0 0;color:#efd6d8}.welcome small{color:#f4e4d2}.clock{font-size:38px;font-weight:600;letter-spacing:1.5px;text-align:right}.tag{display:inline-block;border-radius:5px;background:#f8d779;color:#6c4212;font-size:10px;font-weight:700;padding:4px 9px;letter-spacing:.4px}.badge{display:inline-block;border:1px solid #e9dfca;background:#fff9e8;border-radius:7px;color:#8a6828;padding:5px 10px;font-size:11px;white-space:nowrap}.notice{padding:12px 16px;border-radius:9px;background:#fff5d8;color:#84621a;font-size:12px;border:1px solid #efdfb9;margin:12px 0 20px}.notice.error{color:#a22139;background:#fff0f1;border-color:#ecc6ce}.notice.success{color:#236744;background:#edf8f1;border-color:#bedecb}label{display:block;margin:12px 0;color:#685a56;font-size:12px;font-weight:600}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #dfd6d1;border-radius:8px;background:#fff;margin-top:5px;color:#302a2b;min-height:43px}input:focus,select:focus,textarea:focus{outline:2px solid #d8b363;outline-offset:1px}.check{display:flex;align-items:center;gap:7px}.check input{width:16px;height:16px;min-height:0;margin:0;accent-color:#941d3a}button,.button{display:inline-block;border:1px solid transparent;cursor:pointer;color:#fff;background:#941d3a;border-radius:8px;padding:11px 17px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.6;text-decoration:none}button:hover,.button:hover{filter:brightness(.95);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff6dd;color:#875e16;border-color:#ebd49e}.ghost{background:transparent;color:#896b53;border-color:#e6ddd6}.danger{background:#fff0f1;color:#aa2842;border-color:#ecc9cf}.small{padding:5px 9px;font-size:11px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}details{margin-top:22px;border-top:1px solid #eee2dc;padding-top:14px}summary{cursor:pointer;font-size:12px;color:#8a6c59}video{width:100%;max-height:360px;object-fit:contain;background:#211b1d;border-radius:12px;margin:15px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:600;color:#8b7568;background:#faf7f3;padding:13px;white-space:nowrap}td{padding:13px;border-bottom:1px solid #f0e9e4;vertical-align:top}td small{color:#97877d;margin-top:5px}td code{font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}.empty{text-align:center;padding:38px;color:#9d887a}.list-item{display:grid;gap:4px;padding:18px 0;border-bottom:1px solid #eee}.list-item span{font-size:12px;color:#8b7568}.choices{display:flex;gap:8px 22px;flex-wrap:wrap;padding:10px 0;max-height:240px;overflow:auto}.choices label{margin:4px 0}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.filters label{min-width:160px;margin:0}.filters button{min-height:43px}.narrow{max-width:760px}.login-layout{display:grid;grid-template-columns:1fr 420px;gap:55px;margin:70px 0}.intro h2{font-size:42px;line-height:1.5;margin:25px 0;color:#6d1b30}.intro h2 span{color:#d4a630}.intro p{color:#a2897b}.gold-line{width:70px;height:4px;background:#d6aa43;margin:30px 0}.login-layout form{padding:35px}textarea{min-height:90px}[hidden]{display:none!important}:focus-visible{outline:3px solid #d9a536;outline-offset:3px}
@media(max-width:1150px){main{padding:25px}.form-layout{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;max-width:650px;margin:35px auto}.intro h2{font-size:32px}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}}
@media(max-width:760px){aside{position:static;width:100%;padding:15px}.brand{margin-bottom:10px}.brand img{height:45px;width:45px}nav{display:flex;overflow:auto;margin:0}nav a{white-space:nowrap}.account{margin-top:10px;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0}.sidebar-foot,aside>.section-label{display:none}main{margin-left:0;padding:22px 15px}h1{font-size:21px}header{align-items:start}.welcome{padding:22px;flex-direction:column;align-items:start}.welcome h2{font-size:24px}.clock{text-align:left;font-size:33px}.panel{padding:20px}.three{grid-template-columns:1fr}.login-layout{gap:20px;margin-top:10px}.intro h2{font-size:28px}header>.badge{font-size:9px}.filters label{width:100%}}
@media print{aside,header,.filters,footer,#feedback,td:last-child a{display:none}main{margin:0;padding:0}.panel{border:0;padding:0;box-shadow:none}.table-wrap{overflow:visible}table{font-size:9px}th,td{padding:5px}body{background:white}.badge{border:0;white-space:normal}}