:root{
  color-scheme:dark;
  --bg:#060A12;--surface:#0A1220;--card:#0E1928;--elevated:#111F31;
  --line:rgba(90,190,255,.18);--line-strong:rgba(90,210,255,.34);
  --text:#F5F8FC;--muted:#A4B1C2;--quiet:#718096;
  --accent:#36D9FF;--bright:#65E7FF;--violet:#7B61FF;--soft-violet:#9B8CFF;
  --success:#36D6A0;--warning:#FFCA5C;--danger:#FF627D;
  --cta:linear-gradient(110deg,#36D9FF 0%,#4E9FFF 58%,#7B61FF 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;
}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(ellipse at 0% 0%,rgba(54,217,255,.075),transparent 48%),radial-gradient(ellipse at 100% 40%,rgba(123,97,255,.065),transparent 52%),var(--bg)}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;max-width:100%;padding:13px 18px;border:1px solid var(--line);border-radius:15px;background:var(--elevated);color:var(--text);cursor:pointer;font-weight:650;font-size:14px;line-height:1.4;transition:border-color .18s,box-shadow .18s,transform .18s}
button:active{transform:translateY(1px) scale(.985)}
button:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}
button.primary{min-height:54px;background:var(--cta);border-color:transparent;color:#060A12;font-weight:800;box-shadow:0 6px 24px rgba(54,217,255,.12)}
button.secondary{background:rgba(54,217,255,.07);border-color:var(--line-strong);color:var(--bright)}
button.danger{color:var(--danger);background:transparent;border-color:rgba(255,98,125,.18)}
button.wide{width:100%}
button:focus-visible,a:focus-visible{outline:3px solid var(--bright);outline-offset:3px}
svg{flex-shrink:0}
#app{max-width:760px;margin:0 auto;padding:32px 22px 48px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}
.brand-group{display:flex;align-items:center;gap:14px;min-width:0}
.brand-group>div:last-child{min-width:0}
.brand-symbol{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,rgba(54,217,255,.16),rgba(123,97,255,.13));border:1px solid var(--line-strong);border-radius:16px;color:var(--bright);box-shadow:0 4px 20px rgba(54,217,255,.06)}
.brand{font-size:25px;letter-spacing:.045em;font-weight:850;line-height:1.1}
.sub{font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}
.language-switch,.preview-tabs{display:flex;border:1px solid var(--line);border-radius:15px;padding:4px;background:var(--surface);gap:3px;min-width:0}
.language-switch button,.preview-tabs button{min-height:44px;min-width:44px;padding:9px 12px;border:0;border-radius:11px;font-size:13px;color:var(--muted);background:transparent}
.language-switch button.selected,.preview-tabs button.selected{background:var(--elevated);color:var(--bright);box-shadow:inset 0 0 0 1px var(--line-strong)}
.owner-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.owner-tools>.primary{flex:1}
.count-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:rgba(54,217,255,.14);color:var(--bright);font-size:13px;padding:0 6px}
.hidden{display:none!important}
.notice{padding:16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--elevated);margin-bottom:22px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.eyebrow{color:var(--soft-violet);font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:750}
h1,h2,h3,p{margin:0}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:22px}
.section-heading>div{min-width:0}
.section-heading h1{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}
.section-heading h2{font-size:20px;font-weight:700}
.candidate-heading{margin-bottom:28px}
.candidate-heading h1{margin-top:12px}
.candidate-heading>.small{flex-shrink:0;padding:6px 11px;border:1px solid var(--line);border-radius:10px;font-variant-numeric:tabular-nums}
.small{font-size:13px;line-height:1.7;color:var(--muted)}
.stack{display:grid;gap:20px}
.card{min-width:0;background:linear-gradient(135deg,rgba(17,31,49,.94),rgba(14,25,40,.97));border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:border-color .18s,box-shadow .18s}
.card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(54,217,255,.22);background:rgba(54,217,255,.06);color:var(--bright);font-size:12px;font-weight:650;line-height:1.5;padding:7px 10px;border-radius:10px}
.status-pill:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}
.status-pill.closed{color:var(--quiet);border-color:var(--line);background:var(--surface)}
.applied-label{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted)}
.company-label{color:var(--muted);font-size:13px;line-height:1.6;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin:5px 0 10px;overflow-wrap:anywhere}
.card h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.card p{line-height:1.8;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.vacancy-facts{display:flex;gap:22px 30px;flex-wrap:wrap;margin-top:26px}
.vacancy-facts>div{display:grid;gap:6px;min-width:0;max-width:100%}
.vacancy-facts small{font-size:13px;color:var(--muted)}
.vacancy-facts strong{font-size:18px;font-weight:650;overflow-wrap:anywhere}
.vacancy-facts .rate strong{font-size:28px;color:var(--bright);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.benefits{display:flex;gap:9px 16px;flex-wrap:wrap;margin-top:22px}
.benefits>span{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px;line-height:1.6;min-width:0}
.benefits svg{color:var(--accent)}
.meta{font-size:13px;color:var(--muted);margin-top:24px;line-height:1.7;overflow-wrap:anywhere}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
body:not(.owner-mode) .vacancy-card .actions>button{width:100%}
.owner-mode .vacancy-card .actions>button{flex:1 1 40%}
.private-note{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:14px;line-height:1.7;margin-top:22px;white-space:pre-wrap;overflow-wrap:anywhere}
.back{border:0;min-height:44px;padding:6px 0;color:var(--muted);margin-bottom:22px;background:transparent}
.detail-card>.company-label{margin-top:24px}
.detail-card h1{font-size:40px;font-weight:800;line-height:1.18;letter-spacing:-.04em;margin:12px 0 26px;overflow-wrap:anywhere}
.detail-description{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}
.detail-description h2{font-size:20px;margin-bottom:16px}
.full-text{font-size:16px}
.translation-fallback{font-size:13px;padding-top:16px;color:var(--warning)!important}
.contact-link{display:inline-flex;color:var(--bright);font-size:14px;text-decoration:none;min-height:48px;align-items:center;margin-top:20px;overflow-wrap:anywhere}
.empty{border:1px dashed var(--line-strong);background:var(--surface);border-radius:26px;padding:44px 24px;text-align:center;color:var(--muted)}
.empty svg{color:var(--accent);margin-bottom:18px}
.empty h1,.empty h2{font-size:24px;line-height:1.4;color:var(--text);margin-bottom:12px;overflow-wrap:anywhere}
.empty p{line-height:1.8;font-size:15px}
.empty button{margin-top:26px}
.form-heading{margin-bottom:30px}
.vacancy-context{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}
.form-heading h1{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.2;margin:20px 0 12px;overflow-wrap:anywhere}
.form-heading>p:last-child{font-size:15px;line-height:1.7;color:var(--muted)}
.form{display:grid;gap:28px;min-width:0}
.form label{display:grid;gap:11px;font-size:15px;font-weight:600;min-width:0}
.step{color:var(--soft-violet);font-size:12px;margin-right:12px;font-weight:650}
input,textarea,select{width:100%;min-width:0;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:15px;padding:16px;font-size:16px;line-height:1.6;outline:none;transition:border-color .18s,box-shadow .18s}
input,select{min-height:56px}
input::placeholder,textarea::placeholder{color:var(--quiet);font-size:15px}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(54,217,255,.09)}
textarea{min-height:220px;resize:vertical}
.private-note-input{min-height:110px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
button.chip{min-height:44px;padding:10px 14px;border-radius:12px;color:var(--muted);font-size:14px;background:var(--surface)}
button.chip.selected{border-color:var(--accent);color:var(--bright);background:rgba(54,217,255,.09);box-shadow:0 0 14px rgba(54,217,255,.07)}
fieldset{padding:0;border:0;margin:0;min-width:0}
legend{font-size:15px;font-weight:600;padding:0;margin-bottom:14px}
.experience-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.form .radio-chip{position:relative;display:block;cursor:pointer}
.radio-chip input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;left:50%;top:50%}
.radio-chip span{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border:1px solid var(--line-strong);border-radius:15px;font-size:15px;line-height:1.6;background:var(--surface);transition:border-color .18s,box-shadow .18s}
.radio-chip input:checked+span{background:rgba(54,217,255,.09);border-color:var(--accent);color:var(--bright);box-shadow:0 0 14px rgba(54,217,255,.07)}
.radio-chip input:focus-visible+span{outline:2px solid var(--bright);outline-offset:3px}
.sticky-action{margin-top:30px}
.form-footer>p{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.form-footer>p svg{margin-top:3px}
.success{padding:26px 8px 36px;text-align:center}
.success-icon{width:80px;height:80px;border-radius:26px;background:rgba(54,214,160,.08);border:1px solid rgba(54,214,160,.25);display:grid;place-items:center;color:var(--success);margin:0 auto 28px;animation:success-in .35s ease-out both}
@keyframes success-in{from{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:none}}
.success h1{font-size:34px;letter-spacing:-.04em;line-height:1.25;margin:13px 0;overflow-wrap:anywhere}
.success>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:410px;margin:auto}
dl{margin:24px 0 0;display:grid;gap:17px}
dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px}
dt{color:var(--muted);font-size:13px;line-height:1.7}
dd{margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere;text-align:right}
.success-actions{display:grid;gap:12px;margin-top:26px}
.loading{padding:55px 16px;text-align:center;color:var(--muted)}
.dashboard-tabs{display:flex;gap:10px;margin-bottom:26px}
.dashboard-tabs button{flex:1;background:transparent}
.dashboard-tabs button.selected{background:rgba(123,97,255,.1);border-color:rgba(155,140,255,.35);color:var(--soft-violet)}
.dashboard-tabs span{font-size:13px;color:var(--muted)}
.form-section{display:grid;gap:24px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--card);min-width:0}
.form-section .section-heading{margin:0;flex-wrap:wrap}
.field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.translation-section{gap:18px;border-color:rgba(155,140,255,.25);background:linear-gradient(140deg,rgba(123,97,255,.06),transparent 70%),var(--card)}
.translation-section>button{color:var(--bright);border-color:var(--line-strong)}
.preview-tabs button{flex:1}
.translation-preview{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.translation-preview h3{font-size:19px;line-height:1.5;margin-bottom:14px;overflow-wrap:anywhere}
.translation-preview p{font-size:15px;white-space:pre-wrap;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.translation-editor{display:grid;gap:19px}
.translation-warning{font-size:14px;line-height:1.7;color:var(--warning)}
@media(hover:hover){button:not(:disabled):hover{border-color:var(--line-strong);box-shadow:0 4px 18px rgba(54,217,255,.06)}button.primary:not(:disabled):hover{box-shadow:0 6px 28px rgba(54,217,255,.2)}.vacancy-card:hover{border-color:var(--line-strong);box-shadow:0 14px 36px rgba(0,0,0,.24)}.back:hover{color:var(--text);background:transparent}}
@media(max-width:599px){
  #app{padding:24px 18px 38px}.top{flex-wrap:wrap;margin-bottom:34px;gap:20px}
  .language-switch{width:100%}.language-switch button{flex:1}
  .section-heading h1{font-size:32px}.candidate-heading{gap:10px}.card{padding:24px 21px}.card h2{font-size:24px}
  .has-sticky #app{padding-bottom:calc(200px + env(safe-area-inset-bottom))}
  .sticky-action{position:fixed;bottom:0;left:0;right:0;z-index:5;padding:16px 18px calc(16px + env(safe-area-inset-bottom));margin:0;background:rgba(6,10,18,.97);border-top:1px solid var(--line-strong)}
  .sticky-action button{min-height:58px;font-size:16px}.detail-card h1{font-size:32px}.form-heading h1{font-size:32px}
  .form-section{padding:22px 18px}.owner-tools{gap:8px}.owner-tools button{padding:13px 12px}.field-pair{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:350px){#app{padding-left:12px;padding-right:12px}.card{padding:22px 17px}.brand{font-size:23px}.vacancy-facts{gap:20px}.form-section{padding:20px 15px}.owner-tools>.primary{flex-basis:100%}.owner-tools>button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}