body{font-family:'Leelawadee UI',Tahoma,sans-serif;margin:0;background:#f4f4f6;color:#222}
nav{background:#111;padding:10px 12px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;position:sticky;top:0;z-index:5}
nav a{color:#fff;text-decoration:none;font-weight:bold}
nav .spacer{flex:1}
nav .muted-link{color:#aaa;font-weight:normal}
nav button.link{background:none;border:0;color:#aaa;padding:0;margin:0;font:inherit;cursor:pointer}
.statusbar{background:#222;color:#bbb;font-size:13px;padding:4px 12px}
main{padding:12px;max-width:1000px;margin:auto}
.card{background:#fff;border-radius:10px;padding:12px;margin:10px 0;box-shadow:0 1px 3px #0002}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.grow{flex:1;min-width:240px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.stat{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #0002}
.stat b{display:block;font-size:22px}
video{width:220px;max-width:100%;border-radius:8px;background:#000}
textarea,input[type=text],input[type=number],input[type=password],input[type=tel],input[type=date],
input[type=datetime-local],input[type=url],select{width:100%;box-sizing:border-box;padding:8px;font:inherit;margin:2px 0}
form.inline,form.inline select{display:inline;width:auto}
label{display:block;margin:8px 0 2px}
button,.btn{padding:9px 14px;border:0;border-radius:8px;background:#e8e8ee;font:inherit;cursor:pointer;
 text-decoration:none;color:#222;display:inline-block;margin:3px 2px}
.go{background:#fe2c55;color:#fff}.ok{background:#1aa260;color:#fff}.warn{background:#f0a500;color:#fff}
.badge{padding:2px 8px;border-radius:10px;background:#ddd;font-size:13px;white-space:nowrap}
.b-ok,.b-active,.b-ready,.b-done,.b-hired,.b-posted{background:#c9f2d8}
.b-caution,.b-live,.b-interview,.b-trial{background:#ffe9a8}
.b-block,.b-blocked,.b-failed,.b-error,.b-rejected,.b-cancelled{background:#ffc9c9}
.muted{color:#777;font-size:13px}
.flash{background:#fff3cd;border-radius:8px;padding:10px;margin:8px 0}
.neg{color:#c00}.pos{color:#1a8a50}
img.thumb{height:70px;border-radius:6px;margin:2px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
th,td{padding:8px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
th{background:#fafafa;font-size:13px;color:#555}
td.num,th.num{text-align:right;white-space:nowrap}
.tablewrap{overflow-x:auto}
.now{outline:3px solid #fe2c55}