*{box-sizing:border-box}body{font:15px/1.4 system-ui,sans-serif;margin:0;color:#222;background:#f6f7f9}
.top{display:flex;gap:16px;align-items:center;background:#1f3a5f;color:#fff;padding:8px 16px;flex-wrap:wrap}
.top a{color:#fff;margin-right:12px;text-decoration:none}.top nav{flex:1}.inl{display:inline}
.lnk{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;padding:0}
main{padding:16px;max-width:1400px;margin:auto}table{border-collapse:collapse;background:#fff;width:100%}
th,td{border:1px solid #ddd;padding:5px 8px;text-align:left;vertical-align:top}th{background:#eef1f5}td.n{text-align:right}
.card{background:#fff;padding:16px;border:1px solid #ddd;border-radius:6px;margin:12px 0}.narrow{max-width:360px;margin:60px auto}
label{display:block;margin:8px 0}label input,label select,label textarea{display:block;width:100%;max-width:420px;padding:6px}
label.chk{display:flex;gap:6px;align-items:center}label.chk input{width:auto}
button,.btn{background:#1f3a5f;color:#fff;border:0;padding:7px 14px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.bar input[name=q]{flex:1;min-width:240px;padding:7px}
.msg{padding:8px 12px;border-radius:4px;margin:8px 0}.msg.ok{background:#e4f5e6}.msg.loi{background:#fde4e4}.msg.canh_bao{background:#fff4d6}
.js{font:12px monospace;max-width:320px;word-break:break-all}.pg a{margin-left:10px}fieldset{margin:10px 0}