:root { --indeed-blue:#2557a7; --border:#d4d2d0; --bg:#f3f2f1; --text:#2d2d2d; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, "Malgun Gothic", sans-serif; color:var(--text); background:#fff; }
header.top { background:#fff; border-bottom:1px solid var(--border); padding:12px 24px; display:flex; align-items:center; gap:16px; }
header.top .logo { color:var(--indeed-blue); font-weight:800; font-size:22px; }
header.top nav a { color:#595959; text-decoration:none; margin-left:16px; font-size:14px; }
.searchbar { display:flex; gap:8px; max-width:980px; margin:20px auto; padding:0 16px; }
.searchbar input { flex:1; padding:12px 14px; border:1px solid #767676; border-radius:6px; font-size:16px; }
.searchbar button { background:var(--indeed-blue); color:#fff; border:none; border-radius:6px; padding:0 22px; font-size:16px; cursor:pointer; }
.layout { display:flex; gap:16px; max-width:980px; margin:0 auto; padding:0 16px 40px; }
.list { width:46%; }
.detail { width:54%; border:1px solid var(--border); border-radius:8px; padding:20px; position:sticky; top:16px; height:fit-content; }
.card { border:1px solid var(--border); border-radius:8px; padding:16px; margin-bottom:12px; cursor:pointer; background:#fff; }
.card:hover { border-color:var(--indeed-blue); }
.card.active { border-color:var(--indeed-blue); box-shadow:0 0 0 1px var(--indeed-blue); }
.card h3 { margin:0 0 6px; color:var(--indeed-blue); font-size:18px; }
.card .company { font-size:14px; }
.card .meta { font-size:13px; color:#595959; margin-top:6px; }
.detail h2 { margin-top:0; }
.detail .desc { white-space:pre-wrap; line-height:1.6; margin-top:16px; }
.empty { color:#767676; padding:40px; text-align:center; }

/* admin */
.admin { max-width:1100px; margin:20px auto; padding:0 16px; }
.admin h2 { border-bottom:2px solid var(--indeed-blue); padding-bottom:6px; }
.panel { display:flex; gap:24px; flex-wrap:wrap; }
.panel .col { flex:1; min-width:320px; }
.formgrid { display:grid; gap:8px; }
.formgrid input, .formgrid textarea, .formgrid select { padding:8px; border:1px solid var(--border); border-radius:5px; font-size:14px; }
.formgrid button { background:var(--indeed-blue); color:#fff; border:none; padding:10px; border-radius:5px; cursor:pointer; }
.row { border:1px solid var(--border); border-radius:6px; padding:10px; margin-bottom:8px; }
.row .actions { margin-top:6px; display:flex; gap:8px; }
.row button { font-size:12px; padding:4px 8px; cursor:pointer; }
.targetcheck { display:flex; align-items:center; gap:6px; margin:4px 0; }
.result { font-size:13px; padding:6px 8px; border-radius:5px; margin-top:4px; }
.result.success { background:#e6f4ea; }
.result.queued { background:#fef7e0; }
.result.failed { background:#fce8e6; }
.badge { font-size:11px; padding:2px 6px; border-radius:10px; background:var(--bg); }