:root { --y: #fec605; --ch: #1e1c20; --ink: #262428; --g2: #5a585e; --bd: #c8c8cc; --zb: #f4f4f5; --font: "Segoe UI", system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--zb); }
.top { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--ch); color: white; }
.brand { color: white; text-decoration: none; font-weight: 700; }
.brand::before { content: ""; display: inline-block; width: 18px; height: 8px; margin-right: 8px; background: var(--y); }
button, .btn { background: var(--y); color: var(--ch); border: 0; border-radius: 8px; padding: 12px 14px; font: inherit; font-weight: 650; width: 100%; }
#logout { width: auto; background: transparent; color: white; border: 1px solid #5a585e; }
main { padding: 16px; max-width: 640px; margin: 0 auto; }
.card { background: white; border: 1px solid var(--bd); border-radius: 12px; padding: 14px; margin-bottom: 12px; }
h1 { font-size: 1.35rem; margin: 0 0 8px; }
a { color: var(--ink); }
label { display: grid; gap: 4px; margin: 8px 0; }
input, textarea, select { font: inherit; padding: 12px; border: 1px solid var(--bd); border-radius: 8px; width: 100%; background: white; }
.check { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--bd); }
.check input { width: auto; margin-top: 4px; }
.banner { margin: 0; padding: 10px 16px; background: #fff6d6; }
.muted { color: var(--g2); }
.job-link { display: block; text-decoration: none; }
.thumb { width: 100%; max-height: 240px; object-fit: cover; border-radius: 8px; margin-top: 8px; }
.error { background: #fde7e7; padding: 12px; border-radius: 8px; }
a.ms-link { display: block; text-align: center; background: var(--ch); color: white; text-decoration: none; border-radius: 8px; padding: 12px 14px; font-weight: 650; }