@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&family=Barlow:wght@400;500;600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --rust:#D4541C; --rust-h:#E05F25; --rust-d:rgba(212,84,28,0.10); --rust-b:rgba(212,84,28,0.28);
  --yellow:#E8B000; --yellow-d:rgba(232,176,0,0.10); --yellow-b:rgba(232,176,0,0.28);
  --green:#1E9655;  --green-d:rgba(30,150,85,0.10);  --green-b:rgba(30,150,85,0.28);
  --blue:#3B7DD8;   --blue-d:rgba(59,125,216,0.10);  --blue-b:rgba(59,125,216,0.28);
  --red:#D94040;
  --bg0:#0d0f12; --bg1:#13161b; --bg2:#1a1e25; --bg3:#21262f; --bg4:#282e39;
  --t1:#f0f2f5; --t2:#8a9098; --t3:#545a64;
  --br1:rgba(255,255,255,0.06); --br2:rgba(255,255,255,0.10); --br3:rgba(255,255,255,0.16);
  --fd:'Bebas Neue',sans-serif; --fm:'IBM Plex Mono',monospace; --fb:'Barlow',sans-serif;
  --rsm:6px; --rmd:10px; --rlg:14px; --rxl:20px; --rfull:999px;
  --nav:56px; --max:900px;
}

html{background:var(--bg0);color:var(--t1);font-family:var(--fb);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{min-height:100vh;background:var(--bg0)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:var(--fb);color:var(--t1)}
button{cursor:pointer;border:none;background:none}
img{display:block;max-width:100%}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:var(--br2);border-radius:3px}
:focus-visible{outline:2px solid var(--rust);outline-offset:2px}

/* ── Layout ─────────────────────────────────────────────── */
.page{max-width:var(--max);margin:0 auto;padding:0 20px}
.page-wide{max-width:1100px;margin:0 auto;padding:0 20px}

/* ── Nav ────────────────────────────────────────────────── */
.nav{
  height:var(--nav);background:var(--bg1);border-bottom:1px solid var(--br1);
  position:sticky;top:0;z-index:100;
}
.nav-inner{
  max-width:var(--max);margin:0 auto;padding:0 20px;
  height:100%;display:flex;align-items:center;gap:16px;
}
.nav-logo{display:flex;align-items:baseline;gap:1px;text-decoration:none}
.nav-logo .toil{font-family:var(--fd);font-size:24px;letter-spacing:3px;color:var(--rust)}
.nav-logo .fields{font-family:var(--fd);font-size:24px;letter-spacing:3px;color:var(--yellow)}
.nav-logo .sub{font-family:var(--fm);font-size:9px;color:var(--t3);margin-left:8px;letter-spacing:2px}
.nav-tabs{display:flex;gap:2px;margin-left:8px}
.nav-tab{
  font-family:var(--fm);font-size:11px;padding:6px 14px;border-radius:var(--rfull);
  color:var(--t3);border:1px solid transparent;transition:all 0.15s;text-decoration:none;
}
.nav-tab:hover{color:var(--t1);background:var(--bg2)}
.nav-tab.active{color:var(--rust);border-color:var(--rust-b);background:var(--rust-d)}
.nav-tab.gig-tab.active{color:var(--blue);border-color:var(--blue-b);background:var(--blue-d)}
.nav-spacer{flex:1}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-handle{
  display:flex;align-items:center;gap:7px;
  background:var(--bg2);border:1px solid var(--br2);border-radius:var(--rfull);
  padding:5px 12px 5px 7px;font-family:var(--fm);font-size:10px;color:var(--t2);
  text-decoration:none;transition:all 0.15s;
}
.nav-handle:hover{border-color:var(--br3);color:var(--t1)}
.nav-avatar{
  width:24px;height:24px;border-radius:50%;
  background:var(--rust-d);color:var(--rust);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:11px;
}

/* ── Flash messages ─────────────────────────────────────── */
.flash-wrap{max-width:var(--max);margin:12px auto 0;padding:0 20px}
.flash{
  padding:10px 16px;border-radius:var(--rmd);font-family:var(--fm);font-size:12px;
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
}
.flash.success{background:var(--green-d);color:var(--green);border:1px solid var(--green-b)}
.flash.error  {background:rgba(217,64,64,0.10);color:var(--red);border:1px solid rgba(217,64,64,0.28)}
.flash.info   {background:var(--blue-d);color:var(--blue);border:1px solid var(--blue-b)}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:28px 0 20px;border-bottom:1px solid var(--br1)}
.hero-title{font-family:var(--fd);font-size:36px;letter-spacing:1.5px;line-height:1.05;margin-bottom:6px}
.hero-sub{font-family:var(--fm);font-size:11px;color:var(--t3);letter-spacing:0.3px;margin-bottom:18px}
.hero-sub b{color:var(--rust)}
.hero-sub.gig b{color:var(--blue)}

/* ── Search bar ─────────────────────────────────────────── */
.search-bar{
  display:flex;gap:8px;align-items:center;
  background:var(--bg2);border:1px solid var(--br2);border-radius:var(--rfull);
  padding:8px 14px;transition:border-color 0.15s;
}
.search-bar:focus-within{border-color:var(--rust-b)}
.search-bar svg{flex-shrink:0;color:var(--t3)}
.search-bar input{
  flex:1;background:none;border:none;outline:none;font-size:14px;color:var(--t1);
  font-family:var(--fb);
}
.search-bar input::placeholder{color:var(--t3)}
.search-btn{
  background:var(--rust);color:#fff;border-radius:var(--rfull);padding:6px 16px;
  font-family:var(--fm);font-size:11px;letter-spacing:0.5px;
  transition:background 0.15s;flex-shrink:0;
}
.search-btn:hover{background:var(--rust-h)}
.search-btn.blue{background:var(--blue)}
.search-btn.blue:hover{background:#2d6bc4}

/* ── Stats bar ──────────────────────────────────────────── */
.stats-bar{
  display:flex;background:var(--bg2);border-bottom:1px solid var(--br1);
  border-top:1px solid var(--br1);margin:0 -20px;
}
.stat-cell{
  flex:1;padding:12px 10px;text-align:center;
  border-right:1px solid var(--br1);
}
.stat-cell:last-child{border-right:none}
.stat-val{font-family:var(--fm);font-size:18px;font-weight:500;color:var(--rust)}
.stat-val.blue{color:var(--blue)}
.stat-lbl{font-family:var(--fm);font-size:9px;color:var(--t3);margin-top:2px;letter-spacing:0.5px}

/* ── Filters ─────────────────────────────────────────────── */
.filters{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;align-items:center}
.filter-chip{
  padding:5px 14px;border-radius:var(--rfull);font-family:var(--fm);font-size:11px;
  border:1px solid var(--br1);background:var(--bg2);color:var(--t3);
  cursor:pointer;transition:all 0.15s;text-decoration:none;display:inline-block;
}
.filter-chip:hover,.filter-chip.active{border-color:var(--rust-b);background:var(--rust-d);color:var(--rust)}
.filter-chip.blue:hover,.filter-chip.blue.active{border-color:var(--blue-b);background:var(--blue-d);color:var(--blue)}
.filter-select{
  padding:6px 12px;border-radius:var(--rfull);font-family:var(--fm);font-size:11px;
  border:1px solid var(--br2);background:var(--bg2);color:var(--t2);
  cursor:pointer;transition:border-color 0.15s;appearance:none;padding-right:28px;
}
.filter-select:focus{border-color:var(--rust-b);outline:none}
.filter-select option{background:var(--bg2)}
.filter-wrap{position:relative;display:inline-block}
.filter-wrap::after{
  content:'▾';position:absolute;right:10px;top:50%;transform:translateY(-50%);
  font-size:10px;color:var(--t3);pointer-events:none;
}
.result-count{font-family:var(--fm);font-size:10px;color:var(--t3);margin-left:auto}

/* ── Cards ───────────────────────────────────────────────── */
.card-grid{display:flex;flex-direction:column;gap:10px;padding:10px 0 80px}

.jcard{
  background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);
  padding:16px;transition:border-color 0.15s,background 0.15s;cursor:pointer;
  display:block;text-decoration:none;color:inherit;
}
.jcard:hover{border-color:var(--br3);background:var(--bg2)}
.jcard.urgent{border-left:3px solid var(--rust)}
.jcard.gig-card:hover{border-color:var(--blue-b)}
.jcard.gig-card.featured{border-left:3px solid var(--blue)}

.jcard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.jcard-title-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.jcard-title{font-family:var(--fd);font-size:20px;letter-spacing:0.5px;line-height:1}
.jcard-company{font-family:var(--fm);font-size:11px;color:var(--t3);display:flex;align-items:center;gap:5px}
.jcard-pay{font-family:var(--fm);font-size:15px;color:var(--green);font-weight:500;flex-shrink:0;margin-left:12px}
.jcard-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.jcard-meta{font-family:var(--fm);font-size:9px;color:var(--t3);margin-top:10px}
.applied-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.save-btn{
  padding:6px;color:var(--t3);transition:color 0.15s;flex-shrink:0;
  background:none;border:none;cursor:pointer;line-height:1;
}
.save-btn:hover,.save-btn.saved{color:var(--yellow)}
.save-btn.saved svg{fill:var(--yellow)}

/* ── Tags ────────────────────────────────────────────────── */
.tag{display:inline-block;border-radius:var(--rsm);font-family:var(--fm);font-size:10px;padding:2px 8px}
.tag-r{background:var(--rust-d);color:var(--rust);border:1px solid var(--rust-b)}
.tag-g{background:var(--green-d);color:var(--green);border:1px solid var(--green-b)}
.tag-y{background:var(--yellow-d);color:var(--yellow);border:1px solid var(--yellow-b)}
.tag-b{background:var(--blue-d);color:var(--blue);border:1px solid var(--blue-b)}
.tag-m{background:var(--bg3);color:var(--t2);border:1px solid var(--br1)}

/* ── Detail page ─────────────────────────────────────────── */
.detail-wrap{padding:28px 0 60px}
.detail-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:11px;color:var(--t3);text-decoration:none;margin-bottom:20px;transition:color 0.15s}
.detail-back:hover{color:var(--rust)}
.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.detail-title{font-family:var(--fd);font-size:34px;letter-spacing:1px;line-height:1}
.detail-sub{font-family:var(--fm);font-size:12px;color:var(--t2);margin-top:6px}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:20px 0}
.detail-cell{background:var(--bg2);border-radius:var(--rmd);padding:12px 14px}
.detail-cell-label{font-family:var(--fm);font-size:9px;color:var(--t3);margin-bottom:4px}
.detail-cell-val{font-family:var(--fm);font-size:13px;color:var(--t1);font-weight:500}
.detail-cell-val.green{color:var(--green)}
.detail-section{margin:20px 0}
.detail-section-title{font-family:var(--fm);font-size:9px;color:var(--t3);letter-spacing:1px;margin-bottom:8px}
.detail-desc{font-size:15px;color:var(--t2);line-height:1.7}
.detail-contact{font-family:var(--fm);font-size:11px;color:var(--t3);margin-top:4px}
.detail-contact a{color:var(--rust)}

/* ── Action area ─────────────────────────────────────────── */
.action-bar{
  background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);
  padding:20px;margin-top:24px;
}
.action-bar-title{font-family:var(--fm);font-size:10px;color:var(--t3);margin-bottom:14px;letter-spacing:0.5px}
.apply-form{display:flex;flex-direction:column;gap:12px}
.apply-form input,.apply-form textarea{
  background:var(--bg2);border:1px solid var(--br2);border-radius:var(--rmd);
  padding:10px 12px;font-size:14px;color:var(--t1);width:100%;outline:none;transition:border-color 0.15s;
}
.apply-form input:focus,.apply-form textarea:focus{border-color:var(--rust-b)}
.apply-form textarea{min-height:80px;resize:vertical}
.apply-form label{font-family:var(--fm);font-size:10px;color:var(--t3);display:block;margin-bottom:4px}

/* ── Buttons ─────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  border-radius:var(--rmd);padding:11px 20px;font-size:14px;transition:all 0.15s;
  border:none;
}
.btn-rust{background:var(--rust);color:#fff;font-family:var(--fd);font-size:15px;letter-spacing:0.5px}
.btn-rust:hover{background:var(--rust-h)}
.btn-rust:disabled{background:var(--bg3);color:var(--t3);cursor:default}
.btn-blue{background:var(--blue);color:#fff;font-family:var(--fd);font-size:15px;letter-spacing:0.5px}
.btn-blue:hover{background:#2d6bc4}
.btn-ghost{background:var(--bg2);color:var(--t2);border:1px solid var(--br2);font-family:var(--fb)}
.btn-ghost:hover{border-color:var(--br3);color:var(--t1)}
.btn-green{background:var(--green-d);color:var(--green);border:1px solid var(--green-b)}
.btn-green:hover{background:rgba(30,150,85,0.18)}
.btn-full{width:100%;justify-content:center}
.btn-sm{padding:6px 14px;font-size:13px}

/* ── Forms ───────────────────────────────────────────────── */
.form-page{max-width:600px;margin:0 auto;padding:28px 20px 60px}
.form-title{font-family:var(--fd);font-size:30px;letter-spacing:1px;margin-bottom:4px}
.form-sub{font-family:var(--fm);font-size:10px;color:var(--t3);margin-bottom:28px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-group label{font-family:var(--fm);font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px}
.form-input,.form-select,.form-textarea{
  background:var(--bg2);border:1px solid var(--br2);border-radius:var(--rmd);
  padding:10px 14px;font-size:14px;color:var(--t1);width:100%;outline:none;transition:border-color 0.15s;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--rust-b)}
.form-select option{background:var(--bg2)}
.form-textarea{min-height:100px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-chips{display:flex;flex-wrap:wrap;gap:6px}
.form-chip{
  padding:5px 12px;border-radius:var(--rfull);font-family:var(--fm);font-size:11px;
  border:1px solid var(--br2);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all 0.15s;
}
.form-chip.active{border-color:var(--rust-b);background:var(--rust-d);color:var(--rust)}
.form-hint{font-family:var(--fm);font-size:10px;color:var(--t3);margin-top:4px}
.form-divider{border:none;border-top:1px solid var(--br1);margin:24px 0}
.form-section-title{font-family:var(--fm);font-size:10px;color:var(--rust);letter-spacing:1px;margin-bottom:14px}

/* ── Auth pages ──────────────────────────────────────────── */
.auth-wrap{max-width:420px;margin:0 auto;padding:40px 20px}
.auth-logo{text-align:center;margin-bottom:28px}
.auth-logo .toil{font-family:var(--fd);font-size:32px;letter-spacing:3px;color:var(--rust)}
.auth-logo .fields{font-family:var(--fd);font-size:32px;letter-spacing:3px;color:var(--yellow)}
.auth-logo .sub{font-family:var(--fm);font-size:10px;color:var(--t3);display:block;margin-top:2px}
.auth-card{background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rxl);padding:28px}
.auth-type-toggle{display:flex;gap:0;margin-bottom:22px;background:var(--bg2);border-radius:var(--rmd);padding:4px}
.auth-type-btn{
  flex:1;padding:9px;border-radius:var(--rsm);font-family:var(--fm);font-size:11px;
  background:transparent;color:var(--t3);border:1px solid transparent;transition:all 0.15s;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.auth-type-btn.active{background:var(--bg4);color:var(--t1);border-color:var(--br2)}
.auth-switch{font-family:var(--fm);font-size:11px;color:var(--t3);text-align:center;margin-top:14px}
.auth-switch a{color:var(--rust)}
.demo-hint{font-family:var(--fm);font-size:10px;color:var(--t3);text-align:center;margin-top:8px}

/* ── Dashboard ───────────────────────────────────────────── */
.dash-header{
  background:var(--bg1);border-bottom:1px solid var(--br1);
  padding:20px 0;margin-bottom:0;
}
.dash-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.dash-avatar{
  width:56px;height:56px;border-radius:50%;flex-shrink:0;
  background:var(--rust-d);color:var(--rust);border:2px solid var(--rust-b);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:22px;
}
.dash-name{font-family:var(--fd);font-size:22px;letter-spacing:0.5px}
.dash-rank{font-family:var(--fm);font-size:11px;color:var(--rust);margin-top:2px}
.dash-tabs{display:flex;border-bottom:1px solid var(--br1)}
.dash-tab{
  padding:12px 18px;font-family:var(--fm);font-size:11px;color:var(--t3);
  border-bottom:2px solid transparent;cursor:pointer;transition:all 0.15s;
}
.dash-tab.active{color:var(--rust);border-bottom-color:var(--rust)}
.dash-tab.active.blue{color:var(--blue);border-bottom-color:var(--blue)}
.dash-content{display:none;padding:16px 0 60px}
.dash-content.active{display:block}
.dash-empty{text-align:center;padding:48px 20px;font-family:var(--fm);font-size:12px;color:var(--t3)}

/* ── Employer dash ───────────────────────────────────────── */
.listing-card{
  background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);
  margin-bottom:12px;overflow:hidden;
}
.listing-header{padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.listing-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}
.applicants-toggle{
  font-family:var(--fm);font-size:11px;color:var(--rust);background:none;border:none;
  cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;margin-top:6px;
}
.applicants-toggle.blue{color:var(--blue)}
.applicants-list{border-top:1px solid var(--br1);background:var(--bg2);display:none}
.applicants-list.open{display:block}
.applicant-row{padding:12px 16px;border-bottom:1px solid var(--br1);display:flex;gap:12px;align-items:flex-start}
.applicant-row:last-child{border-bottom:none}
.applicant-avatar{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:var(--rust-d);color:var(--rust);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-size:14px;
}
.applicant-name{font-family:var(--fm);font-size:12px;color:var(--t1)}
.applicant-meta{font-family:var(--fm);font-size:10px;color:var(--t3);margin-top:2px}
.applicant-note{font-size:13px;color:var(--t2);font-style:italic;margin-top:6px}
.app-status-select{
  font-family:var(--fm);font-size:10px;background:var(--bg3);border:1px solid var(--br2);
  border-radius:var(--rsm);padding:3px 8px;color:var(--t2);cursor:pointer;outline:none;
  margin-left:auto;flex-shrink:0;
}

/* ── Gig date chip ───────────────────────────────────────── */
.date-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--blue-d);color:var(--blue);border:1px solid var(--blue-b);
  border-radius:var(--rsm);font-family:var(--fm);font-size:10px;padding:2px 8px;
}
.spots-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--yellow-d);color:var(--yellow);border:1px solid var(--yellow-b);
  border-radius:var(--rsm);font-family:var(--fm);font-size:10px;padding:2px 8px;
}

/* ── Post job CTA ────────────────────────────────────────── */
.post-cta{
  background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);
  padding:20px;text-align:center;margin-top:12px;
}
.post-cta-title{font-family:var(--fd);font-size:22px;letter-spacing:1px;margin-bottom:6px}
.post-cta-sub{font-family:var(--fm);font-size:11px;color:var(--t3);margin-bottom:16px}

/* ── Toast ───────────────────────────────────────────────── */
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);
  background:var(--green);color:#fff;border-radius:var(--rmd);
  padding:10px 20px;font-family:var(--fm);font-size:12px;
  display:flex;align-items:center;gap:8px;z-index:999;
  transition:transform 0.3s ease;white-space:nowrap;
  box-shadow:0 8px 32px rgba(0,0,0,0.5);
}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.error{background:var(--red)}

/* ── Status badges ───────────────────────────────────────── */
.status-open  {background:var(--green-d);color:var(--green);border:1px solid var(--green-b)}
.status-filled{background:var(--bg3);color:var(--t3);border:1px solid var(--br1)}
.status-paused{background:var(--yellow-d);color:var(--yellow);border:1px solid var(--yellow-b)}
.status-closed{background:var(--bg3);color:var(--t3);border:1px solid var(--br1)}
.status-badge{font-family:var(--fm);font-size:10px;padding:3px 10px;border-radius:var(--rfull)}

/* ── Cat icon colors ─────────────────────────────────────── */
.cat-food_truck{color:var(--yellow)}
.cat-security  {color:var(--red)}
.cat-bartending{color:var(--rust)}
.cat-day_labor {color:var(--t2)}
.cat-hotshot   {color:var(--blue)}
.cat-welding   {color:var(--yellow)}
.cat-mechanic  {color:var(--t2)}
.cat-event_crew{color:var(--green)}
.cat-landscaping{color:var(--green)}
.cat-other     {color:var(--t3)}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:640px){
  .form-row{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr 1fr}
  .nav-tabs{display:none}
  .mobile-nav{display:flex}
  .stats-bar{margin:0 -20px}
}

/* ── Animations ──────────────────────────────────────────── */
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fi{animation:fi 0.2s ease}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
.pulse{animation:pulse 2s ease-in-out infinite}

/* ── Feature expansion: filters + social ───────────────────── */
.nav-tab.social-tab.active{color:var(--green);border-color:var(--green-b);background:var(--green-d)}
.nav-icon-link{position:relative;font-family:var(--fm);font-size:10px;color:var(--t2);border:1px solid var(--br2);border-radius:var(--rfull);padding:6px 10px;background:var(--bg2)}
.nav-icon-link span{position:absolute;top:-7px;right:-7px;background:var(--red);color:white;border-radius:999px;font-size:9px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}
.compact-hero{padding-bottom:18px}.section-label{font-family:var(--fm);font-size:10px;letter-spacing:1px;color:var(--t3);margin-bottom:8px}
.advanced-panel{background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--br1);border-radius:var(--rlg);padding:14px;margin:10px 0 16px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.advanced-panel.always-open{margin-top:18px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.advanced-panel label,.profile-edit-form label{display:flex;flex-direction:column;gap:5px;font-family:var(--fm);font-size:10px;color:var(--t3);letter-spacing:.5px;text-transform:uppercase}
.advanced-panel input,.advanced-panel select,.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea,.social-forms textarea,.social-forms select,.message-form input,.message-form textarea{background:var(--bg0);border:1px solid var(--br2);border-radius:var(--rmd);padding:10px;color:var(--t1);font-size:13px;text-transform:none;letter-spacing:0}
.profile-edit-form textarea,.social-forms textarea,.message-form textarea{min-height:86px;resize:vertical}.mini-link{font-family:var(--fm);font-size:10px;color:var(--green)}
.share-btn{font-family:var(--fm);font-size:9px;color:var(--t2);border:1px solid var(--br2);border-radius:var(--rfull);padding:6px 8px;background:var(--bg1)}.share-btn:hover{color:var(--yellow);border-color:var(--yellow-b)}
.profile-card{display:block;background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);padding:16px;transition:.15s}.profile-card:hover{transform:translateY(-2px);border-color:var(--green-b)}
.profile-top{display:flex;align-items:center;gap:12px}.big-avatar{width:48px;height:48px;border-radius:50%;background:var(--green-d);color:var(--green);border:1px solid var(--green-b);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:22px;letter-spacing:1px}.big-avatar.massive{width:86px;height:86px;font-size:34px}
.profile-name{font-family:var(--fd);font-size:24px;letter-spacing:1px;color:var(--t1)}.profile-meta{font-family:var(--fm);font-size:10px;color:var(--t3);margin-top:2px}.profile-bio{font-size:13px;color:var(--t2);line-height:1.4;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.social-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.social-stats span{font-family:var(--fm);font-size:10px;background:var(--bg2);border:1px solid var(--br1);border-radius:var(--rfull);padding:5px 9px;color:var(--t2)}.social-stats.vertical{display:grid;gap:6px;margin:0}.profile-hero{display:flex;gap:16px;align-items:center;background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);padding:18px;margin:12px 0}.profile-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.social-forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-forms form,.social-row{background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rmd);padding:12px;margin:8px 0}.social-row b{font-family:var(--fm);font-size:12px;color:var(--yellow)}.social-row p{color:var(--t2);font-size:13px;margin:6px 0}.social-row small{font-family:var(--fm);color:var(--t3);font-size:9px}.dash-empty.small{padding:18px;font-size:11px}.profile-edit-box{margin-top:14px}.messages-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;margin-top:18px}.thread-list,.conversation{background:var(--bg1);border:1px solid var(--br1);border-radius:var(--rlg);padding:14px}.thread-item{position:relative;display:block;padding:10px;border-radius:var(--rmd);border:1px solid transparent;color:var(--t2);margin:5px 0}.thread-item.active,.thread-item:hover{background:var(--bg2);border-color:var(--br2);color:var(--t1)}.thread-item small{display:block;font-family:var(--fm);font-size:9px;color:var(--t3);margin-top:3px}.unread-pill{position:absolute;right:8px;top:12px;background:var(--red);color:white;border-radius:999px;font-size:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.conv-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--br1);padding-bottom:10px;margin-bottom:10px;font-family:var(--fm);font-size:12px}.conv-head a{color:var(--green)}.message-stack{min-height:280px}.message-bubble{max-width:76%;background:var(--bg2);border:1px solid var(--br1);border-radius:var(--rmd);padding:10px;margin:8px 0}.message-bubble.mine{margin-left:auto;background:var(--green-d);border-color:var(--green-b)}.message-bubble b{font-family:var(--fm);font-size:10px;color:var(--green)}.message-bubble p{margin:5px 0;color:var(--t1);font-size:14px}.message-bubble small{font-family:var(--fm);font-size:9px;color:var(--t3)}.message-form{display:grid;grid-template-columns:160px 1fr auto;gap:8px;margin-top:12px}.message-form textarea{min-height:44px}.btn-green{background:var(--green);color:white}.btn-green:hover{background:#23a963}
@media(max-width:760px){.social-forms,.messages-layout,.message-form{grid-template-columns:1fr}.profile-hero{align-items:flex-start;flex-direction:column}.profile-actions{width:100%}.nav-tabs{display:none}.nav-icon-link{display:none}}

/* ─────────────────────────────────────────────────────────────
   ToilFields modern refresh
   Keeps the general job-board direction while giving the product
   a cleaner, premium, Indeed/Monster-style interface.
───────────────────────────────────────────────────────────── */
:root{
  --rust:#ff6b35;
  --rust-h:#ff7d4d;
  --rust-d:rgba(255,107,53,.12);
  --rust-b:rgba(255,107,53,.34);
  --yellow:#ffd166;
  --yellow-d:rgba(255,209,102,.13);
  --yellow-b:rgba(255,209,102,.34);
  --green:#18d39e;
  --green-d:rgba(24,211,158,.12);
  --green-b:rgba(24,211,158,.32);
  --blue:#5b8cff;
  --blue-d:rgba(91,140,255,.13);
  --blue-b:rgba(91,140,255,.34);
  --bg0:#080b12;
  --bg1:rgba(18,24,36,.82);
  --bg2:rgba(27,35,52,.82);
  --bg3:rgba(43,54,77,.86);
  --bg4:rgba(59,72,101,.92);
  --t1:#f7f9ff;
  --t2:#b3bdd0;
  --t3:#728098;
  --br1:rgba(255,255,255,.08);
  --br2:rgba(255,255,255,.13);
  --br3:rgba(255,255,255,.22);
  --shadow:0 24px 80px rgba(0,0,0,.38);
  --glow:0 0 0 1px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.32);
  --rmd:14px;
  --rlg:20px;
  --rxl:28px;
  --max:1180px;
}
html{background:#080b12}
body{
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(255,107,53,.18), transparent 62%),
    radial-gradient(720px 360px at 88% 0%, rgba(91,140,255,.16), transparent 60%),
    linear-gradient(180deg,#0b101a 0%,#080b12 42%,#080b12 100%);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.page,.page-wide,.nav-inner,.flash-wrap{max-width:var(--max)}
.nav{
  height:70px;background:rgba(8,11,18,.72);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.18);
}
.nav-logo{align-items:center;gap:2px;padding:8px 0}
.nav-logo .toil,.nav-logo .fields{font-size:27px;letter-spacing:2.4px;line-height:.9}
.nav-logo .toil{color:#fff}.nav-logo .fields{color:var(--rust)}
.nav-logo .sub{padding:4px 7px;border:1px solid var(--br1);border-radius:999px;background:rgba(255,255,255,.04);font-size:8px;color:var(--t2);margin-left:8px}
.nav-tabs{background:rgba(255,255,255,.04);border:1px solid var(--br1);padding:4px;border-radius:999px;gap:3px}
.nav-tab{padding:8px 14px;color:var(--t2);font-size:10px;border-radius:999px}
.nav-tab:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-tab.active,.nav-tab.gig-tab.active,.nav-tab.social-tab.active{background:#fff;color:#0d1220;border-color:#fff;box-shadow:0 8px 24px rgba(255,255,255,.12)}
.nav-actions .btn,.nav-icon-link,.nav-handle{box-shadow:none}
.nav-handle,.nav-icon-link{background:rgba(255,255,255,.05);border-color:var(--br1)}
.nav-avatar{background:linear-gradient(135deg,var(--rust),var(--yellow));color:#13161b;border:none;font-weight:700}
.hero{
  position:relative;overflow:hidden;margin-top:22px;padding:52px 34px 32px;border:1px solid var(--br1);
  border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  box-shadow:var(--shadow);backdrop-filter:blur(18px);
}
.hero::after{content:"";position:absolute;right:-110px;top:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.22),transparent 68%)}
.hero-title{font-size:clamp(38px,6vw,76px);letter-spacing:.6px;max-width:850px;position:relative;z-index:1}
.hero-sub{font-size:13px;color:var(--t2);line-height:1.7;max-width:760px;position:relative;z-index:1}
.mega-search{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,330px) auto;gap:10px;align-items:center;position:relative;z-index:1}
.search-bar{min-height:54px;border-radius:18px;background:rgba(7,10,18,.72);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.search-bar:focus-within{border-color:var(--rust);box-shadow:0 0 0 4px rgba(255,107,53,.13)}
.search-bar input{font-size:15px}.search-btn{min-height:54px;border-radius:18px;padding:0 24px;background:linear-gradient(135deg,var(--rust),#ff9f1c);font-weight:700;box-shadow:0 14px 35px rgba(255,107,53,.24)}
.search-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.stats-bar{margin:18px 0 4px;border:1px solid var(--br1);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.stat-cell{padding:18px 12px}.stat-val{font-size:28px;color:#fff}.stat-lbl{color:var(--t3)}
.filters{padding:20px 0 10px}.filter-chip{background:rgba(255,255,255,.045);border-color:var(--br1);padding:8px 14px;color:var(--t2)}
.filter-chip:hover,.filter-chip.active{background:#fff;color:#111827;border-color:#fff;transform:translateY(-1px)}
.advanced-panel{border-radius:26px;background:rgba(13,18,30,.78);border:1px solid var(--br1);box-shadow:var(--glow);backdrop-filter:blur(16px);padding:18px}
.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.section-label{color:var(--rust);font-weight:700;letter-spacing:1.5px}
.advanced-panel input,.advanced-panel select,.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea,.social-forms textarea,.social-forms select,.message-form input,.message-form textarea,.form-input,.form-select,.form-textarea,.apply-form input,.apply-form textarea{
  min-height:44px;background:rgba(255,255,255,.055);border-color:var(--br1);border-radius:14px;color:#fff;
}
.advanced-panel input:focus,.advanced-panel select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--rust);box-shadow:0 0 0 4px rgba(255,107,53,.11)}
.card-grid{gap:14px}.jcard,.profile-card,.listing-card,.auth-card,.action-bar,.post-cta{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--br1);
  border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,.20);backdrop-filter:blur(14px)
}
.jcard{padding:20px}.jcard:hover,.profile-card:hover,.listing-card:hover{border-color:rgba(255,255,255,.24);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));transform:translateY(-2px)}
.jcard-title{font-size:24px}.jcard-company,.jcard-meta{color:var(--t3)}.jcard-pay{font-size:16px;color:var(--green)}
.tag{border-radius:999px;padding:4px 9px}.tag-m{background:rgba(255,255,255,.055)}
.btn{border-radius:16px;font-weight:700}.btn-rust{background:linear-gradient(135deg,var(--rust),#ff9f1c);color:#10131a}.btn-rust:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-blue{background:linear-gradient(135deg,var(--blue),#7c5cff)}.btn-ghost{background:rgba(255,255,255,.055);border-color:var(--br1)}
.detail-wrap{padding-top:34px}.detail-title{font-size:clamp(34px,5vw,58px)}.detail-cell{background:rgba(255,255,255,.055);border:1px solid var(--br1);border-radius:18px;padding:16px}.detail-grid{gap:12px}
.auth-wrap,.form-page{padding-top:58px}.auth-logo .toil{color:#fff}.auth-logo .fields{color:var(--rust)}.auth-card{padding:32px}.form-title{font-size:42px}.dash-header{background:rgba(255,255,255,.045);backdrop-filter:blur(12px);border-bottom:1px solid var(--br1)}
.big-avatar,.dash-avatar,.applicant-avatar{background:linear-gradient(135deg,rgba(255,107,53,.95),rgba(91,140,255,.88));color:#fff;border:none}.profile-name{font-size:28px}.social-stats span{background:rgba(255,255,255,.055);border-color:var(--br1)}
.share-btn{background:rgba(255,255,255,.05);border-color:var(--br1);border-radius:999px}.toast{border-radius:999px;box-shadow:0 14px 50px rgba(0,0,0,.35)}
@media(max-width:820px){.mega-search{grid-template-columns:1fr}.search-btn{width:100%;justify-content:center}.hero{padding:38px 20px 24px;border-radius:24px}.nav-actions .btn-sm{display:none}.nav-inner{gap:10px}.nav-logo .sub{display:none}}
@media(max-width:640px){.nav{height:auto}.nav-inner{min-height:64px}.nav-actions{gap:5px}.nav-handle{padding-right:7px;font-size:0}.nav-tabs{display:none}.hero-title{font-size:42px}.jcard-top{flex-direction:column;gap:12px}.detail-header{flex-direction:column}.stats-bar{margin:14px 0}.stat-val{font-size:22px}}