:root{
  --ink:#1F2B24;
  --paper:#F3EEE1;
  --paper-2:#EAE3D2;
  --jade:#2F6D5B;
  --jade-dark:#1F4B3E;
  --marigold:#E8A33D;
  --marigold-dark:#8C5F1E;
  --line:#D8D0BA;
  --muted:#6B6455;
  --live:#3B7A57;
  --wait:#B57A1F;
  --danger:#B3402E;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.5;
}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}

/* header */
header.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 0;border-bottom:1px solid var(--line);
}
.logo{font-family:'Fraunces',serif;font-size:24px;font-weight:600;color:var(--ink);text-decoration:none;}
nav.site-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.location-pill{
  display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);
  background:var(--paper-2);padding:8px 16px;border-radius:20px;border:1px solid var(--line);
}
.nav-link{font-size:14px;color:var(--ink);text-decoration:none;}
.btn-join, .btn-primary-sm{
  background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:6px;
  font-size:14px;text-decoration:none;font-weight:500;border:none;cursor:pointer;font-family:'Inter',sans-serif;
}
.btn-join:hover, .btn-primary-sm:hover{background:var(--jade-dark);}
.btn-ghost{
  background:transparent;color:var(--ink);padding:10px 16px;border-radius:6px;border:1px solid var(--line);
  font-size:14px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;
}
.dropdown{position:relative;display:inline-block;}
.dropdown-menu{
  display:none;position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);
  border-radius:10px;min-width:180px;box-shadow:0 6px 20px rgba(31,43,36,0.08);overflow:hidden;z-index:20;
}
.dropdown:hover .dropdown-menu, .dropdown.open .dropdown-menu{display:block;}
.dropdown-menu a, .dropdown-menu button{
  display:block;width:100%;text-align:left;padding:10px 16px;font-size:13px;color:var(--ink);
  text-decoration:none;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;
}
.dropdown-menu a:hover, .dropdown-menu button:hover{background:var(--paper-2);}

/* hero */
.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.08em;
  color:var(--jade);text-transform:uppercase;margin-bottom:16px;
}
h1{
  font-family:'Fraunces',serif;font-size:52px;line-height:1.08;font-weight:500;
  margin:0 0 20px;letter-spacing:-0.01em;
}
h1 em{font-style:italic;color:var(--jade);}
.hero p.sub{font-size:17px;color:var(--muted);max-width:440px;margin:0 0 32px;}

.search-box{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;
  display:flex;gap:8px;box-shadow:0 1px 2px rgba(31,43,36,0.04);
}
.search-box input{
  flex:1;border:none;outline:none;font-size:15px;padding:12px 16px;font-family:'Inter',sans-serif;color:var(--ink);
}
.search-box input::placeholder{color:#9c9686;}
.search-box button{
  background:var(--jade);color:#fff;border:none;border-radius:8px;padding:0 24px;
  font-size:14px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;
}
.search-box button:hover{background:var(--jade-dark);}

.radius-line{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--muted);}
.radius-line input[type=range]{flex:1;max-width:220px;accent-color:var(--jade);}
.radius-line .val{font-family:'IBM Plex Mono',monospace;color:var(--ink);font-weight:500;}

.radar{position:relative;width:100%;aspect-ratio:1;max-width:400px;margin:0 auto;}
.radar svg{width:100%;height:100%;}
.ring{fill:none;stroke:var(--line);stroke-width:1;}
.ring-label{font-family:'IBM Plex Mono',monospace;font-size:10px;fill:var(--muted);}
.dot-user{fill:var(--jade);}
.dot-live{fill:var(--live);}
.dot-static{fill:var(--marigold-dark);}
.pulse{fill:none;stroke:var(--jade);stroke-width:1.5;opacity:0.4;animation:pulse 2.2s ease-out infinite;}
@keyframes pulse{
  0%{r:8;opacity:0.5;}
  100%{r:60;opacity:0;}
}

/* sections */
section{padding:48px 0;border-top:1px solid var(--line);}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;gap:16px;flex-wrap:wrap;}
.section-head h2{font-family:'Fraunces',serif;font-size:26px;font-weight:500;margin:0;}
.legend{display:flex;gap:20px;font-size:12px;color:var(--muted);}
.legend span{display:inline-flex;align-items:center;gap:6px;}
.legend .dot{width:7px;height:7px;border-radius:50%;display:inline-block;}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:800px){.cat-grid{grid-template-columns:repeat(2,1fr);} .hero{grid-template-columns:1fr;}}
.cat-card{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;
  transition:border-color .15s;text-decoration:none;color:inherit;display:block;
}
.cat-card:hover{border-color:var(--jade);}
.cat-top{display:flex;justify-content:space-between;align-items:flex-start;}
.cat-icon{font-size:22px;}
.status-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0;}
.cat-name{font-size:14px;font-weight:500;margin:14px 0 3px;}
.cat-tag{font-size:11px;font-family:'IBM Plex Mono',monospace;}
.tag-live{color:var(--live);}
.tag-wait{color:var(--wait);}

.result-list{display:flex;flex-direction:column;gap:10px;}
.result-row{
  display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:14px 18px;flex-wrap:wrap;
}
.avatar{
  width:42px;height:42px;border-radius:50%;background:var(--paper-2);color:var(--jade-dark);
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;
}
.r-name{font-size:15px;font-weight:500;margin:0;}
.r-meta{font-size:12px;color:var(--muted);margin:2px 0 0;}
.r-dist{
  font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:500;margin-left:auto;color:var(--ink);
}
.r-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.r-actions{display:flex;gap:8px;}

/* forms */
.job-form, .auth-card, .card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;max-width:560px;
}
.card-wide{max-width:none;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500;}
.field input, .field textarea, .field select{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;
  font-family:'Inter',sans-serif;color:var(--ink);outline:none;background:#fff;
}
.field input:focus, .field textarea:focus, .field select:focus{border-color:var(--jade);}
.field textarea{resize:vertical;}
.field .hint{font-size:11px;color:#9c9686;margin-top:5px;}
.field .err{font-size:11px;color:var(--danger);margin-top:5px;}
.market-note{
  background:var(--paper-2);border-radius:8px;padding:12px 14px;font-size:12px;color:var(--muted);
  margin-bottom:20px;display:flex;gap:8px;
}
.btn-submit{
  width:100%;background:var(--marigold);color:var(--ink);border:none;border-radius:8px;
  padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;
}
.btn-submit:hover{background:#d99530;}
.btn-outline{
  width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;
  padding:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;
}
.checkbox-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px;}

/* alerts / badges */
.alert{border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:18px;}
.alert-error{background:#F7E4DF;color:var(--danger);border:1px solid #E8BFB2;}
.alert-success{background:#E4EEE8;color:var(--jade-dark);border:1px solid #BFDACB;}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:'IBM Plex Mono',monospace;
  padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;}
.badge-pending{background:#F3E7D2;color:var(--wait);}
.badge-accepted{background:#DCEBE3;color:var(--live);}
.badge-completed{background:var(--paper-2);color:var(--jade-dark);}
.badge-rejected, .badge-cancelled{background:#F7E4DF;color:var(--danger);}
.badge-online{background:#DCEBE3;color:var(--live);}
.badge-offline{background:var(--paper-2);color:var(--muted);}

/* dashboard */
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;}
@media (max-width:800px){.dash-grid{grid-template-columns:1fr;}}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;}
.stat-card .num{font-family:'Fraunces',serif;font-size:32px;font-weight:500;}
.stat-card .label{font-size:12px;color:var(--muted);margin-top:4px;}
.empty-note{color:var(--muted);font-size:14px;padding:24px;text-align:center;background:#fff;
  border:1px dashed var(--line);border-radius:12px;}

.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;}
.auth-logo{text-align:center;margin-bottom:24px;font-family:'Fraunces',serif;font-size:26px;font-weight:600;}
.auth-links{text-align:center;margin-top:16px;font-size:13px;color:var(--muted);}
.auth-links a{color:var(--jade);text-decoration:none;font-weight:500;}
.auth-card{width:100%;max-width:420px;}
.auth-card > form > div{margin-bottom:18px;}
.auth-card > form > div:last-child{
  display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px;
}
.auth-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500;}
.auth-card a{color:var(--jade);text-decoration:none;font-size:13px;}
.auth-card input[type=checkbox]{accent-color:var(--jade);margin-right:6px;}
.auth-card label[for=remember_me]{display:inline-flex;align-items:center;font-weight:400;font-size:13px;color:var(--muted);}

.role-select{display:flex;gap:10px;margin-bottom:18px;}
.role-option{flex:1;border:1px solid var(--line);border-radius:8px;padding:12px;cursor:pointer;text-align:center;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;}
.role-option input{accent-color:var(--jade);margin-right:6px;}
.role-option.active{border-color:var(--jade);background:var(--paper-2);}
.provider-fields{border-top:1px dashed var(--line);padding-top:16px;margin-top:4px;}

footer{padding:40px 0;text-align:center;color:var(--muted);font-size:13px;}