:root{
  --bg:#0e1116;
  --bg-alt:#141920;
  --panel:rgba(18,22,28,.96);
  --panel-solid:#171c23;
  --panel-soft:rgba(17,21,27,.92);
  --panel-hover:#1c232c;
  --panel-muted:#11161d;
  --text:#f4f6fb;
  --muted:#8c97a8;
  --brand:#ff6b1d;
  --brand-strong:#ff8a42;
  --accent:#ff8a42;
  --accent-soft:rgba(255,107,29,.12);
  --success:#4dd59a;
  --danger:#ff7a7a;
  --line:rgba(255,255,255,.06);
  --line-strong:rgba(255,107,29,.22);
  --shadow:0 32px 70px rgba(0,0,0,.34);
  --shadow-soft:0 18px 38px rgba(0,0,0,.24);
  --radius:16px;
  --radius-lg:20px;
  --radius-xl:24px;
  --scrollbar-size:8px;
  --scrollbar-track:rgba(255,255,255,.06);
  --scrollbar-thumb:#ff6b1d;
  --scrollbar-thumb-hover:#ff8a42;
}

.__variable_53f14e{
  --font-saira:"Saira",system-ui,sans-serif;
}

[data-theme="light"]{
  --bg:#f5f6f8;
  --bg-alt:#eff2f5;
  --panel:rgba(255,255,255,.96);
  --panel-solid:#ffffff;
  --panel-soft:rgba(255,255,255,.88);
  --panel-hover:#f6f7f9;
  --panel-muted:#f3f5f8;
  --text:#161b22;
  --muted:#687385;
  --brand:#eb560b;
  --brand-strong:#c84a0c;
  --accent:#ff8a42;
  --accent-soft:rgba(235,86,11,.10);
  --success:#1f9d68;
  --danger:#d94f4f;
  --line:rgba(17,24,39,.08);
  --line-strong:rgba(235,86,11,.18);
  --shadow:0 24px 60px rgba(15,23,42,.10);
  --shadow-soft:0 16px 36px rgba(15,23,42,.07);
  --scrollbar-track:rgba(17,24,39,.08);
  --scrollbar-thumb:#eb560b;
  --scrollbar-thumb-hover:#ff8a42;
}

*{box-sizing:border-box}
*{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);
}
*::-webkit-scrollbar{
  width:var(--scrollbar-size);
  height:var(--scrollbar-size);
}
*::-webkit-scrollbar-track{
  background:var(--scrollbar-track);
  border-radius:999px;
}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
  min-height:44px;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb-hover));
  background-clip:content-box;
}
*::-webkit-scrollbar-corner{
  background:transparent;
}
html{scroll-behavior:smooth}
body{
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  margin:0;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at -10% -10%, rgba(255,107,29,.12), transparent 60%),
    radial-gradient(760px 380px at 100% 0%, rgba(255,138,66,.08), transparent 58%),
    linear-gradient(180deg, var(--bg-alt), var(--bg));
  position:relative;
}
body::before,
body::after{
  content:"";
  position:fixed;
  border-radius:999px;
  pointer-events:none;
  filter:blur(18px);
  opacity:.7;
  z-index:0;
}
body::before{
  width:240px;
  height:240px;
  top:4%;
  right:-90px;
  background:rgba(255,107,29,.10);
}
body::after{
  width:180px;
  height:180px;
  bottom:6%;
  left:-60px;
  background:rgba(255,138,66,.08);
}
[data-theme="light"] body{
  background:
    radial-gradient(920px 430px at -10% -10%, rgba(235,86,11,.10), transparent 60%),
    radial-gradient(760px 380px at 100% 0%, rgba(255,138,66,.10), transparent 58%),
    linear-gradient(180deg, var(--bg-alt), var(--bg));
}
[data-theme="light"] body::before{background:rgba(235,86,11,.10)}
[data-theme="light"] body::after{background:rgba(255,138,66,.10)}

.page,
.navbar-modern,
.footer{position:relative;z-index:1}
.page{flex:1;min-height:0}
.no-topnav .page{padding:18px}
.jobs-shell-page .page,
.company-profile-page .page,
.job-profile-page .page{padding:0}
.jobs-shell-page .footer,
.company-profile-page .footer,
.job-profile-page .footer{display:none}

a{color:var(--brand)}
a:hover{color:var(--brand-strong)}
.text-muted,
.text-secondary{color:var(--muted)!important}

.navbar-modern{
  margin:10px 10px 0;
  padding:8px 0;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel);
  backdrop-filter:none;
  box-shadow:var(--shadow-soft);
}
.navbar-brand{
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--text);
}
.navbar-brand:hover{color:var(--brand)}
.navbar-modern .nav-link{
  color:var(--muted);
  font-weight:600;
  padding:.7rem 1rem;
  border-radius:999px;
}
.navbar-modern .nav-link.active,
.navbar-modern .nav-link:hover{
  color:var(--text);
  background:rgba(235,86,11,.10);
}
.navbar-modern .navbar-toggler{
  border-color:var(--line);
  box-shadow:none;
}
[data-theme="dark"] .navbar-toggler-icon{filter:invert(1)}
.lang-switch{
  display:flex;
  gap:8px;
  align-items:center;
}
.lang-switch a{
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--muted);
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  background:rgba(255,255,255,.45);
}
.lang-switch a.active{
  color:var(--text);
  border-color:rgba(235,86,11,.24);
  background:rgba(235,86,11,.12);
}

.footer{
  margin:0 14px 14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:var(--shadow-soft);
}
.footer .container{
  min-height:72px;
}

.js-layout{
  display:grid;
  grid-template-columns:256px minmax(440px, 520px) minmax(0,1fr);
  gap:12px;
  height:calc(100vh - 24px);
  padding:12px;
}
.panel-layout{
  display:grid;
  grid-template-columns:256px minmax(0,1fr);
  gap:12px;
  height:calc(100vh - 24px);
  padding:12px;
}

.js-sidebar,
.js-list,
.js-detail,
.panel-main{
  min-height:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--panel);
  backdrop-filter:none;
  box-shadow:var(--shadow-soft);
}

.js-sidebar{
  overflow:auto;
  padding:12px;
}
.sidebar-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:100%;
}
.brand-row{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:6px 6px 12px;
}
.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
  color:var(--text);
}
.brand-logo-img{
  width:auto;
  height:46px;
  display:block;
}
.lang-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lang-mini{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.lang-mini a{
  width:34px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--muted);
  background:var(--panel-soft);
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}
.lang-mini a.active{
  color:var(--text);
  border-color:rgba(235,86,11,.24);
  background:rgba(235,86,11,.12);
}
.theme-toggle{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  color:var(--text);
  box-shadow:none;
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease;
}
.theme-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(235,86,11,.32);
  background:var(--panel-hover);
}

.sidebar-card{display:none}
.sidebar-kicker{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--brand);
  margin-bottom:10px;
}
.sidebar-title{
  font-size:1rem;
  line-height:1.55;
  font-weight:600;
}
.sidebar-title strong{display:block;font-size:1.08rem;margin-bottom:4px}
.menu-group{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.menu-label{
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--muted);
  padding:0 6px;
}
.menu,
.sidebar-actions{
  display:grid;
  gap:8px;
}
.menu a,
.sidebar-actions a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border-radius:12px;
  text-decoration:none;
  color:var(--text);
  font-weight:700;
  border:1px solid var(--line);
  background:transparent;
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.menu a:hover,
.sidebar-actions a:hover{
  transform:translateY(-1px);
  border-color:rgba(235,86,11,.18);
  background:rgba(235,86,11,.08);
  box-shadow:0 10px 20px rgba(15,23,42,.05);
}
.menu a.active,
.sidebar-actions a.active{
  color:var(--text);
  border-color:rgba(235,86,11,.30);
  background:linear-gradient(90deg, rgba(235,86,11,.24), rgba(235,86,11,.06));
  box-shadow:inset 3px 0 0 var(--brand);
}
.menu a i,
.sidebar-actions a i{
  width:18px;
  text-align:center;
  color:var(--brand);
}
.sidebar-foot{
  margin-top:auto;
  padding:14px 0 0;
  border-top:1px solid var(--line);
  background:transparent;
  border-radius:0;
}
.sidebar-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
}
.sidebar-stat{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-solid);
}
.sidebar-stat span{
  display:block;
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sidebar-stat strong{
  display:block;
  margin-top:6px;
  color:var(--brand);
  font-size:1.1rem;
}
.sidebar-tools{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.sidebar-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  color:var(--muted);
  text-decoration:none;
}
.sidebar-tool:hover{
  color:var(--brand);
  border-color:rgba(235,86,11,.24);
  background:var(--panel-hover);
}
.sidebar-meta{
  margin-top:10px;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.6;
}

.js-list,
.panel-main{
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.topbar{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  background:var(--panel);
  backdrop-filter:none;
}
.searchbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  min-height:46px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  box-shadow:none;
}
.searchbar input{
  width:100%;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
  font-size:.96rem;
}
.filters-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  min-height:46px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  color:var(--text);
  border:1px solid var(--line);
  background:var(--panel-solid);
}
.job-list-scroll{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:10px;
}
.section-label{
  padding:10px 6px 12px;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
  display:flex;
  gap:8px;
  align-items:center;
}
.section-label.mt-3{margin-top:8px}
.job-item,
.list-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
  padding:14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.job-item:hover,
.list-item:hover{
  transform:translateY(-2px);
  border-color:rgba(235,86,11,.18);
  box-shadow:0 20px 32px rgba(15,23,42,.10);
}
.job-item.is-selected{
  border-color:rgba(235,86,11,.34);
  background:linear-gradient(90deg, rgba(235,86,11,.14), transparent 70%), var(--panel-solid);
  box-shadow:0 22px 36px rgba(235,86,11,.16);
}
.job-item.is-selected .job-title{
  color:var(--brand);
}
.job-item.is-selected .avatar{
  box-shadow:0 0 0 3px rgba(235,86,11,.12);
}
.job-item.premium{
  border-color:rgba(255,124,38,.36);
  box-shadow:0 18px 34px rgba(255,124,38,.18);
}
.job-item.premium.is-selected{
  border-color:rgba(235,86,11,.34);
  box-shadow:0 22px 36px rgba(235,86,11,.16);
}
.job-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.95rem;
  font-weight:800;
  color:#16334a;
  background:
    linear-gradient(145deg, rgba(235,86,11,.16), rgba(255,124,38,.20)),
    #eaf6f4;
}
[data-theme="dark"] .avatar{
  color:#edf8f6;
  background:
    linear-gradient(145deg, rgba(255,122,31,.22), rgba(255,124,38,.16)),
    #183144;
}
.avatar-square{
  width:56px;
  height:56px;
  border-radius:18px;
  object-fit:cover;
}
.job-title{
  font-size:1rem;
  font-weight:700;
  line-height:1.4;
}
.job-sub{
  color:var(--muted);
  font-size:.82rem;
  margin-top:2px;
}
.job-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.badge-premium,
.badge-type,
.badge-soft,
.badge-deadline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.02em;
}
.badge-premium{
  color:#6a3b00;
  background:linear-gradient(135deg, #ffe0a8, #ffbe66);
}
.badge-type,
.badge-soft{
  color:var(--text);
  background:var(--panel-muted);
  border:1px solid var(--line);
}
.badge-deadline{
  color:#9b6300;
  background:var(--accent-soft);
  border:1px solid rgba(255,124,38,.34);
}
.badge-verified{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(145deg, #1da1f2, #27c7ff);
  color:#fff;
  font-size:.72rem;
  box-shadow:0 0 0 3px rgba(255,255,255,.92);
}
[data-theme="dark"] .badge-verified{box-shadow:0 0 0 3px rgba(16,28,44,.92)}

.js-detail{
  overflow:auto;
}
.detail-header{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px;
  border-bottom:1px solid var(--line);
}
.detail-header .logo{
  width:84px;
  height:84px;
  border-radius:24px;
  background:
    linear-gradient(145deg, rgba(235,86,11,.12), rgba(255,124,38,.14)),
    var(--panel-muted);
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.2rem;
}
.detail-body{
  padding:22px;
  line-height:1.7;
}
.detail-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.82rem;
}
.detail-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.detail-tabs button{
  border:none;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:var(--panel-muted);
  color:var(--muted);
  font-weight:700;
}
.detail-tabs button.active{
  background:rgba(235,86,11,.12);
  color:var(--text);
}
.detail-text{
  margin-top:16px;
  color:var(--text);
}
.detail-card{
  margin:10px;
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  box-shadow:var(--shadow-soft);
}
.company-info{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.verified{
  margin-top:8px;
  color:var(--success);
  font-weight:800;
}

.company-header{
  width:100%;
  height:190px;
  border-radius:24px;
  overflow:hidden;
  margin-bottom:18px;
  border:1px solid var(--line);
  background:
    linear-gradient(145deg, rgba(235,86,11,.12), rgba(255,124,38,.18)),
    var(--panel-muted);
}
.company-header img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.card-modern{
  background:var(--panel-solid);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
[data-theme="dark"] .card-modern{
  background:linear-gradient(180deg, rgba(20,25,32,.98), rgba(17,22,29,.96));
}
.card-modern:hover{
  transform:translateY(-2px);
  border-color:rgba(235,86,11,.18);
  box-shadow:0 20px 34px rgba(15,23,42,.11);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:16px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.1;
  text-align:center;
  vertical-align:middle;
}
.btn-soft{
  color:var(--text);
  background:var(--panel-solid);
  border:1px solid var(--line);
}
.btn-soft:hover{
  color:var(--text);
  border-color:rgba(235,86,11,.24);
  background:var(--panel-hover);
}
.btn-primary{
  border:0;
  color:#fff;
  background:linear-gradient(135deg, var(--brand), var(--brand-strong));
  box-shadow:0 16px 28px rgba(235,86,11,.22);
}
.btn-primary:hover{
  color:#fff;
  filter:brightness(1.03);
}
.btn-warning{
  border:0;
  color:#5b3700;
  background:linear-gradient(135deg, #ffe0a8, #ffbf69);
}

.panel-inner{
  padding:20px;
  overflow:auto;
}
.admin-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;
  margin-bottom:18px;
}
.admin-tab{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  text-decoration:none;
  color:var(--text);
  font-weight:700;
  font-size:.9rem;
  line-height:1.1;
  white-space:nowrap;
  background:var(--panel-solid);
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.admin-tab:hover{
  color:var(--text);
  transform:translateY(-1px);
  border-color:rgba(235,86,11,.24);
  background:var(--panel-hover);
  box-shadow:0 12px 24px rgba(15,23,42,.08);
}
.admin-tab.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--brand), var(--brand-strong));
  box-shadow:0 10px 18px rgba(235,86,11,.15);
}
.admin-blog-grid{
  display:grid;
  grid-template-columns:minmax(340px, 480px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.admin-blog-form-card,
.admin-simple-table-card{
  padding:20px;
}
.admin-blog-form{
  display:grid;
  gap:16px;
}
.admin-blog-language-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-muted);
}
.admin-blog-language-tabs button{
  min-height:36px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  font-weight:800;
}
.admin-blog-language-tabs button.active{
  color:#fff;
  background:linear-gradient(135deg, var(--brand), var(--brand-strong));
  box-shadow:0 10px 20px rgba(235,86,11,.16);
}
.admin-blog-lang-panel{
  display:none;
  gap:16px;
}
.admin-blog-lang-panel.active{
  display:grid;
}
.admin-blog-lang-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-muted);
}
.admin-blog-lang-head span{
  color:var(--text);
  font-weight:900;
}
.admin-blog-lang-head small{
  color:var(--muted);
  font-weight:800;
}
.admin-blog-form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.admin-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:800;
  border:1px solid var(--line);
  background:var(--panel-solid);
  color:var(--text);
}
.admin-status-pill.is-published{
  color:#1f7a4f;
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.22);
}
.admin-status-pill.is-draft{
  color:#93640f;
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.22);
}
@media (max-width:1100px){
  .admin-blog-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .admin-blog-language-tabs{
    display:grid;
    grid-template-columns:1fr;
  }
  .admin-blog-lang-head{
    align-items:flex-start;
    flex-direction:column;
  }
}
.admin-companies-page{
  display:grid;
  gap:14px;
  align-content:start;
  align-items:start;
}
.admin-companies-page > *{
  align-self:start;
}
[data-theme="dark"] .admin-shell-page .panel-main,
[data-theme="dark"] .admin-shell-page .panel-inner,
[data-theme="dark"] .admin-shell-page .card,
[data-theme="dark"] .admin-shell-page .card-modern{
  color:var(--text);
}
[data-theme="dark"] .admin-shell-page .card,
[data-theme="dark"] .admin-shell-page .card-modern{
  background:linear-gradient(180deg, rgba(20,25,32,.98), rgba(17,22,29,.96));
}
[data-theme="dark"] .admin-shell-page h1,
[data-theme="dark"] .admin-shell-page h2,
[data-theme="dark"] .admin-shell-page h3,
[data-theme="dark"] .admin-shell-page h4,
[data-theme="dark"] .admin-shell-page h5,
[data-theme="dark"] .admin-shell-page h6,
[data-theme="dark"] .admin-shell-page .h1,
[data-theme="dark"] .admin-shell-page .h2,
[data-theme="dark"] .admin-shell-page .h3,
[data-theme="dark"] .admin-shell-page .h4,
[data-theme="dark"] .admin-shell-page .h5,
[data-theme="dark"] .admin-shell-page .h6,
[data-theme="dark"] .admin-shell-page .fw-semibold,
[data-theme="dark"] .admin-shell-page strong{
  color:#edf2f8;
}
[data-theme="dark"] .admin-shell-page p,
[data-theme="dark"] .admin-shell-page label,
[data-theme="dark"] .admin-shell-page .form-label,
[data-theme="dark"] .admin-shell-page .form-check-label{
  color:var(--text);
}
[data-theme="dark"] .admin-shell-page .text-muted,
[data-theme="dark"] .admin-shell-page .small.text-muted,
[data-theme="dark"] .admin-shell-page .admin-simple-subtitle,
[data-theme="dark"] .admin-shell-page .admin-inline-note{
  color:#8b98aa !important;
}
[data-theme="dark"] .admin-shell-page .btn-soft{
  --bs-btn-color:var(--text);
  --bs-btn-bg:rgba(23,30,40,.94);
  --bs-btn-border-color:rgba(255,255,255,.08);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:rgba(255,107,29,.16);
  --bs-btn-hover-border-color:rgba(255,107,29,.30);
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:rgba(255,107,29,.20);
  --bs-btn-active-border-color:rgba(255,107,29,.34);
  --bs-btn-disabled-color:#7e8b9d;
  --bs-btn-disabled-bg:rgba(20,26,34,.8);
  --bs-btn-disabled-border-color:rgba(255,255,255,.05);
  color:var(--text);
}
[data-theme="dark"] .admin-shell-page .btn-primary{
  --bs-btn-color:#fff;
}
[data-theme="dark"] .admin-shell-page .form-control,
[data-theme="dark"] .admin-shell-page .form-select,
[data-theme="dark"] .admin-shell-page textarea,
[data-theme="dark"] .admin-shell-page input[type="date"],
[data-theme="dark"] .admin-shell-page input[type="file"]{
  color:var(--text);
  background:rgba(16,22,29,.94);
  border-color:rgba(255,255,255,.08);
}
[data-theme="dark"] .admin-shell-page .form-control::placeholder,
[data-theme="dark"] .admin-shell-page textarea::placeholder{
  color:#738196;
}
[data-theme="dark"] .admin-shell-page .form-control:focus,
[data-theme="dark"] .admin-shell-page .form-select:focus{
  color:var(--text);
  background:rgba(18,24,33,.98);
  border-color:rgba(255,107,29,.34);
}
[data-theme="dark"] .admin-shell-page .form-check-input{
  background-color:#121821;
  border-color:rgba(255,255,255,.12);
}
[data-theme="dark"] .admin-shell-page .form-check-input:checked{
  background-color:var(--brand);
  border-color:var(--brand);
}
[data-theme="dark"] .admin-shell-page .table{
  --bs-table-color:var(--text);
  --bs-table-bg:transparent;
  --bs-table-border-color:var(--line);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--text);
  --bs-table-striped-bg:rgba(255,255,255,.015);
  --bs-table-active-color:var(--text);
  --bs-table-active-bg:rgba(255,255,255,.03);
  --bs-table-hover-color:var(--text);
  --bs-table-hover-bg:rgba(255,255,255,.025);
  color:var(--text);
}
[data-theme="dark"] .admin-shell-page .table > :not(caption) > * > *{
  color:var(--text);
  background:transparent;
  box-shadow:none;
}
[data-theme="dark"] .admin-shell-page .table thead th,
[data-theme="dark"] .admin-shell-page .admin-table-clean thead th{
  color:#93a0b3;
}
[data-theme="dark"] .admin-shell-page .table tbody td,
[data-theme="dark"] .admin-shell-page .admin-table-clean tbody td{
  color:var(--text);
  border-color:var(--line);
}
[data-theme="dark"] .admin-shell-page .table tbody td .text-muted{
  color:#8190a4 !important;
}
[data-theme="dark"] .admin-shell-page .table-hover tbody tr:hover > *{
  color:#f4f7fb;
}
[data-theme="dark"] .admin-shell-page .alert-success{
  color:#d9f5e4;
  background:rgba(25,135,84,.16);
  border-color:rgba(25,135,84,.30);
}
[data-theme="dark"] .admin-shell-page .alert-danger{
  color:#ffd4d4;
  background:rgba(217,79,79,.14);
  border-color:rgba(217,79,79,.24);
}
[data-theme="dark"] .admin-shell-page .badge-type{
  color:#ff9a56;
  border-color:rgba(255,107,29,.22);
  background:rgba(255,107,29,.10);
}
[data-theme="dark"] .admin-shell-page .admin-table-actions .btn,
[data-theme="dark"] .admin-shell-page .admin-table-btn{
  color:#dbe4ef;
}
[data-theme="dark"] .admin-shell-page .tox-tinymce{
  border-color:rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  overflow:hidden;
}
[data-theme="dark"] .admin-shell-page .tox .tox-editor-header,
[data-theme="dark"] .admin-shell-page .tox .tox-toolbar,
[data-theme="dark"] .admin-shell-page .tox .tox-toolbar__primary,
[data-theme="dark"] .admin-shell-page .tox .tox-statusbar{
  background:#171f28 !important;
  border-color:rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .admin-shell-page .tox .tox-edit-area__iframe{
  background:#10161d !important;
}
.admin-page-head,
.admin-companies-editor,
.admin-companies-side,
.admin-company-user-create,
.admin-company-users-card{
  padding:16px;
}
.admin-page-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.admin-page-head-copy{
  display:grid;
  gap:6px;
}
.admin-page-head-copy .hero-title{
  margin:0;
}
.admin-page-head-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(120px,1fr));
  gap:8px;
  min-width:min(100%, 400px);
}
.admin-head-stat{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.admin-head-stat span{
  display:block;
  color:var(--muted);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-head-stat strong{
  display:block;
  margin-top:6px;
  font-size:1.18rem;
  line-height:1;
}
.admin-companies-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.admin-companies-editor,
.admin-companies-side,
.admin-company-user-create,
.admin-company-users-card{
  display:grid;
  gap:14px;
}
.admin-companies-side,
.admin-company-users-card{
  padding-top:12px;
}
.admin-companies-actions{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.admin-section-head{
  display:grid;
  gap:4px;
}
.admin-section-kicker{
  color:var(--brand);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-section-title{
  margin:0;
  font-size:1.08rem;
  line-height:1.2;
}
.admin-company-preview{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(255,107,29,.10), transparent 60%), var(--panel-muted);
}
.admin-company-preview-logo,
.admin-company-item-logo{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:var(--text);
  background:var(--panel);
}
.admin-company-preview-logo{
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:22px;
  border:1px solid var(--line);
}
.admin-company-preview-logo img,
.admin-company-item-logo img{
  width:100%;
  height:100%;
  display:block;
}
.admin-company-preview-logo img{
  object-fit:cover;
}
.admin-company-preview-copy{
  display:grid;
  gap:4px;
}
.admin-company-preview-copy strong{
  font-size:1.05rem;
}
.admin-company-preview-copy span{
  color:var(--muted);
}
.admin-upload-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.admin-upload-card{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.admin-upload-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-upload-top span{
  color:var(--muted);
  font-size:.78rem;
}
.admin-upload-preview{
  height:118px;
  border-radius:16px;
  border:1px dashed var(--line);
  background:var(--panel);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-size:1.7rem;
}
.admin-upload-preview.is-logo{
  background:#fff;
}
.admin-upload-preview.is-logo img{
  object-fit:contain;
  padding:14px;
}
.admin-upload-preview.is-header img{
  object-fit:cover;
}
.admin-upload-preview img{
  width:100%;
  height:100%;
  display:block;
}
.admin-inline-check,
.admin-inline-note{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--panel-solid);
}
.admin-inline-check{
  font-weight:700;
}
.admin-inline-check .form-check-input{
  margin:0;
}
.admin-inline-note{
  color:var(--muted);
  line-height:1.5;
}
.admin-submit-btn{
  min-height:44px;
  padding:0 16px;
}
.admin-companies-side{
  position:static;
}
.admin-company-list{
  display:grid;
  gap:6px;
  max-height:none;
  overflow:visible;
  padding-right:0;
}
.admin-company-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-solid);
  color:var(--text);
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}
.admin-company-item:hover{
  color:var(--text);
  transform:translateY(-1px);
  border-color:rgba(235,86,11,.24);
  background:var(--panel-hover);
  box-shadow:0 14px 24px rgba(15,23,42,.08);
}
.admin-company-item.is-selected{
  border-color:rgba(235,86,11,.34);
  background:linear-gradient(90deg, rgba(235,86,11,.12), transparent 66%), var(--panel-solid);
  box-shadow:0 10px 18px rgba(235,86,11,.09);
}
.admin-company-item-logo{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid var(--line);
}
.admin-company-item-logo img{
  object-fit:cover;
}
.admin-company-item-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.admin-company-item-title{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.admin-company-item-copy strong{
  display:block;
  min-width:0;
  font-size:.88rem;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-company-item-verified{
  width:16px;
  height:16px;
  flex:0 0 auto;
  font-size:.5rem;
  box-shadow:none;
}
.admin-company-item-copy span{
  color:var(--muted);
  font-size:.74rem;
  line-height:1.35;
}
.admin-company-item-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  justify-content:flex-end;
}
.admin-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--muted);
  font-size:.64rem;
  font-weight:800;
}
.admin-pill.is-brand{
  color:var(--brand);
  border-color:rgba(235,86,11,.20);
  background:rgba(235,86,11,.08);
}
.admin-pill.is-positive{
  color:var(--success);
}
.admin-pill.is-warning{
  color:#b45309;
  border-color:rgba(217,119,6,.22);
  background:rgba(217,119,6,.10);
}
.admin-company-item-arrow{
  color:var(--muted);
  font-size:.82rem;
}
.admin-empty-state{
  padding:14px 16px;
  border-radius:14px;
  border:1px dashed var(--line);
  background:var(--panel-muted);
  color:var(--muted);
  text-align:center;
}
.admin-companies-table{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-muted);
}
.admin-companies-table .table{
  margin:0;
}
.admin-table-user{
  min-width:200px;
}
.admin-table-actions{
  white-space:nowrap;
}
.admin-table-actions-group{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.admin-inline-form{
  display:inline-flex;
  margin:0;
}
.admin-simple-page{
  display:grid;
  gap:14px;
  align-content:start;
  align-items:start;
}
.admin-simple-page > *{
  align-self:start;
}
.admin-compact-taxonomy-page{
  gap:12px;
}
.admin-page-head--compact{
  padding:14px 16px;
  gap:12px;
}
.admin-page-head--compact .admin-page-head-copy{
  gap:4px;
  max-width:560px;
}
.admin-page-head--compact .hero-title{
  font-size:clamp(1.45rem, 1.8vw, 2.05rem);
  line-height:1.04;
}
.admin-page-head--compact .admin-simple-subtitle{
  font-size:.88rem;
  line-height:1.5;
  max-width:52ch;
}
.admin-page-head--compact .admin-page-head-stats{
  min-width:min(100%, 220px);
  max-width:220px;
  grid-template-columns:minmax(0,1fr);
}
.admin-page-head--compact .admin-head-stat{
  padding:10px 12px;
  border-radius:14px;
}
.admin-page-head--compact .admin-head-stat strong{
  margin-top:4px;
  font-size:1.08rem;
}
.admin-page-head--compact .admin-page-head-tools{
  align-self:flex-start;
}
.admin-simple-table-card--compact{
  padding:14px 16px;
}
.admin-simple-table-card--compact .admin-table-head{
  margin-bottom:10px;
}
.dashboard-page{
  align-content:start;
  align-items:start;
}
.dashboard-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(320px, .9fr);
  gap:14px;
  align-items:start;
}
.dashboard-main,
.dashboard-side{
  display:grid;
  gap:14px;
  align-content:start;
}
.dashboard-head{
  gap:16px;
}
.dashboard-head--modern .admin-page-head-copy{
  max-width:62ch;
}
.dashboard-head--modern .admin-page-head-stats{
  min-width:min(100%, 720px);
}
.dashboard-inline-alert{
  max-width:56ch;
}
.dashboard-quick-actions{
  justify-content:flex-end;
}
.dashboard-quick-actions .admin-action-btn,
.dashboard-quick-actions .btn-soft{
  min-height:40px;
}
.dashboard-section-card{
  display:grid;
  gap:14px;
}
.dashboard-company-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-company-switch{
  min-width:min(100%, 320px);
}
.dashboard-company-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.dashboard-company-summary{
  align-items:flex-start;
}
.dashboard-company-copy{
  display:grid;
  gap:6px;
  min-width:0;
}
.dashboard-company-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
}
.dashboard-company-status.is-blocked{
  color:#b45309;
  border:1px solid rgba(217,119,6,.20);
  background:rgba(217,119,6,.10);
}
.dashboard-company-copy strong{
  font-size:1.08rem;
}
.dashboard-company-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.dashboard-company-block-alert{
  max-width:none;
  margin:0;
}
.dashboard-company-details{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.admin-company-state{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.admin-company-state strong{
  font-size:.95rem;
}
.admin-company-state p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.admin-company-state.is-blocked{
  border-color:rgba(217,119,6,.22);
  background:rgba(217,119,6,.10);
}
.admin-company-secondary-actions{
  display:block;
  padding-top:0;
}
.admin-company-action-stack{
  display:grid;
  gap:12px;
  width:100%;
}
.admin-company-action-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.admin-company-action-card:first-child{
  padding-top:0;
  border-top:0;
}
.admin-company-action-copy{
  display:grid;
  gap:4px;
  flex:1 1 auto;
  min-width:0;
}
.admin-company-action-copy strong{
  font-size:.95rem;
}
.admin-company-action-copy span{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}
.admin-company-action-card.is-warning strong{
  color:#b45309;
}
.admin-company-action-card.is-danger strong{
  color:#b42318;
}
.admin-company-action-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1 1 420px;
}
.admin-company-action-form .form-control{
  flex:1 1 auto;
  min-width:240px;
}
.btn-danger-soft{
  border-color:rgba(180,35,24,.18);
  background:rgba(180,35,24,.10);
  color:#b42318;
}
.btn-danger-soft:hover{
  border-color:rgba(180,35,24,.26);
  background:rgba(180,35,24,.14);
  color:#8f1c13;
}
[data-theme="dark"] .admin-pill.is-warning,
[data-theme="dark"] .dashboard-company-status.is-blocked,
[data-theme="dark"] .admin-company-action-card.is-warning strong{
  color:#ffcf88;
}
[data-theme="dark"] .admin-company-state.is-blocked{
  border-color:rgba(255,207,136,.18);
  background:rgba(255,207,136,.08);
}
[data-theme="dark"] .btn-danger-soft{
  border-color:rgba(255,132,122,.24);
  background:rgba(255,132,122,.12);
  color:#ffb4b4;
}
[data-theme="dark"] .btn-danger-soft:hover{
  border-color:rgba(255,132,122,.32);
  background:rgba(255,132,122,.16);
  color:#ffd2ce;
}
.dashboard-meta-card{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.dashboard-meta-card span{
  display:block;
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dashboard-meta-card strong{
  display:block;
  margin-top:5px;
  font-size:.95rem;
  line-height:1.4;
}
.dashboard-post-list{
  display:grid;
  gap:10px;
}
.dashboard-post-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-muted);
  color:var(--text);
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.dashboard-post-item:hover{
  color:var(--text);
  transform:translateY(-1px);
  border-color:rgba(235,86,11,.22);
  background:var(--panel-hover);
}
.dashboard-post-item-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.dashboard-post-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.45;
}
.dashboard-post-note.is-rejected{
  color:#ff9d9d;
}
.dashboard-post-item-copy strong{
  font-size:.98rem;
  line-height:1.3;
}
.dashboard-post-item-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.8rem;
}
.dashboard-post-item-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.dashboard-post-item-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.dashboard-post-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.dashboard-post-status.is-published{
  color:#6ec1ff;
  border-color:rgba(110,193,255,.26);
  background:rgba(110,193,255,.08);
}
.dashboard-post-status.is-pending{
  color:#ffb66b;
  border-color:rgba(255,182,107,.26);
  background:rgba(255,182,107,.08);
}
.dashboard-post-status.is-draft,
.dashboard-post-status.is-archived{
  color:var(--muted);
}
.dashboard-post-status.is-rejected{
  color:#ff8b8b;
  border-color:rgba(255,139,139,.26);
  background:rgba(255,139,139,.08);
}
.dashboard-posts-head{
  align-items:flex-start;
}
.dashboard-posts-subtitle{
  max-width:58ch;
}
.dashboard-post-item--rich{
  gap:16px;
}
.dashboard-post-title-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.dashboard-post-title-row strong{
  min-width:0;
}
.dashboard-post-item--rich .dashboard-post-item-actions{
  justify-content:flex-end;
  flex-wrap:wrap;
}
.dashboard-post-analytics{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.dashboard-post-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--muted);
  font-size:.75rem;
  font-weight:800;
  line-height:1;
}
.dashboard-post-chip i{
  color:var(--brand);
}
.dashboard-empty-state{
  display:grid;
  gap:12px;
  justify-items:start;
  text-align:left;
  padding:18px 4px 4px;
}
.dashboard-empty-state.is-company-cta{
  gap:14px;
}
.dashboard-empty-state strong{
  color:var(--text);
  font-size:1rem;
}
.dashboard-empty-state p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  max-width:54ch;
}
.dashboard-empty-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.dashboard-empty-actions.is-company-cta .admin-action-btn{
  min-width:180px;
  box-shadow:0 14px 26px rgba(235,86,11,.18);
  animation:dashboardEmptyActionPulse 2s ease-in-out infinite;
}
.dashboard-empty-cta{
  width:100%;
  max-width:640px;
}
.dashboard-empty-cta > span{
  display:grid;
  gap:4px;
}
.dashboard-empty-cta strong{
  font-size:.95rem;
  line-height:1.45;
}
.dashboard-empty-cta small{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.65;
}
.dashboard-shortcut-card .admin-action-btn,
.dashboard-request-status-card .admin-action-btn{
  width:100%;
}
[data-theme="light"] .dashboard-post-chip{
  background:#fff;
}
[data-theme="light"] .dashboard-empty-state strong{
  color:#18202a;
}
.dashboard-form-grid{
  display:grid;
  gap:12px;
}
.dashboard-form-grid-2{
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.dashboard-section-stack{
  display:grid;
  gap:14px;
}
.dashboard-inline-note{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.6;
}
.upload-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:112px;
  padding:14px;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.14);
  background:linear-gradient(135deg, rgba(255,255,255,.03), transparent 72%), var(--panel-muted);
  overflow:hidden;
}
.upload-preview{
  width:88px;
  height:88px;
  border-radius:16px;
  overflow:hidden;
  flex:0 0 88px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.upload-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.upload-preview i{
  font-size:1.35rem;
  color:var(--muted);
}
.upload-meta{
  flex:1;
  min-width:0;
  display:grid;
  gap:4px;
}
.upload-meta .title{
  font-weight:700;
  color:var(--text);
}
.upload-meta .hint{
  font-size:.82rem;
  color:var(--muted);
}
.upload-file-name{
  font-size:.78rem;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.upload-input{
  position:relative;
  flex:0 0 auto;
}
.upload-input input[type=file]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
  width:100%;
  height:100%;
}
.upload-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.upload-overlay{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(13,19,28,.38);
  backdrop-filter:blur(2px);
}
.upload-card.is-uploading .upload-overlay{
  display:flex;
}
.upload-overlay .spinner-border{
  width:2rem;
  height:2rem;
}
.upload-card .btn-soft{
  white-space:nowrap;
}
[data-theme="light"] .upload-card{
  border-color:rgba(231,145,47,.28);
  background:linear-gradient(135deg, rgba(255,149,0,.08), rgba(255,255,255,.8) 68%), #fff;
}
[data-theme="light"] .upload-preview{
  background:#fff7ee;
  border-color:rgba(231,145,47,.18);
}
[data-theme="light"] .upload-overlay{
  background:rgba(255,255,255,.72);
}
.dashboard-cta-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(235,86,11,.28);
  background:linear-gradient(135deg, rgba(235,86,11,.14), rgba(235,86,11,.04) 58%, transparent 100%), var(--panel-muted);
  box-shadow:0 0 0 1px rgba(235,86,11,.06), 0 14px 32px rgba(235,86,11,.10);
  color:var(--text);
  font-size:.9rem;
  line-height:1.55;
  position:relative;
  overflow:hidden;
  animation:dashboardCtaPulse 2.1s ease-in-out infinite;
}
.dashboard-cta-note::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-28%;
  width:58px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
  transform:skewX(-20deg);
  animation:dashboardCtaSweep 2.9s linear infinite;
}
.dashboard-cta-note i{
  color:var(--brand);
  margin-top:2px;
  position:relative;
  z-index:1;
  animation:dashboardCtaBlink 1.15s steps(2, end) infinite;
}
.dashboard-cta-note > span{
  position:relative;
  z-index:1;
}
.dashboard-request-card{
  display:grid;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.dashboard-request-card.is-pending{
  border-color:rgba(255,182,107,.28);
  background:linear-gradient(135deg, rgba(255,182,107,.10), transparent 72%), var(--panel-muted);
}
.dashboard-request-card.is-approved{
  border-color:rgba(110,193,255,.28);
  background:linear-gradient(135deg, rgba(110,193,255,.10), transparent 72%), var(--panel-muted);
}
.dashboard-request-card.is-rejected{
  border-color:rgba(255,139,139,.28);
  background:linear-gradient(135deg, rgba(255,139,139,.10), transparent 72%), var(--panel-muted);
}
.dashboard-request-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dashboard-request-card-head strong{
  font-size:1rem;
  line-height:1.35;
}
.dashboard-request-card-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.82rem;
}
.dashboard-request-card-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.dashboard-request-note{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.dashboard-request-note.is-rejected{
  color:#ff9d9d;
}
.dashboard-request-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.dashboard-request-pill.is-pending{
  color:#ffb66b;
  border-color:rgba(255,182,107,.26);
  background:rgba(255,182,107,.08);
}
.dashboard-request-pill.is-approved{
  color:#6ec1ff;
  border-color:rgba(110,193,255,.26);
  background:rgba(110,193,255,.08);
}
.dashboard-request-pill.is-rejected{
  color:#ff8b8b;
  border-color:rgba(255,139,139,.26);
  background:rgba(255,139,139,.08);
}
.admin-company-request-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.admin-company-reject-form{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.admin-company-reject-form .form-control{
  width:min(280px, 100%);
}
@keyframes dashboardCtaPulse{
  0%, 100%{
    box-shadow:0 0 0 1px rgba(235,86,11,.06), 0 14px 32px rgba(235,86,11,.10);
    border-color:rgba(235,86,11,.28);
  }
  50%{
    box-shadow:0 0 0 1px rgba(235,86,11,.14), 0 18px 38px rgba(235,86,11,.18);
    border-color:rgba(235,86,11,.46);
  }
}
@keyframes dashboardCtaSweep{
  0%{
    transform:translateX(0) skewX(-20deg);
    opacity:0;
  }
  12%{
    opacity:1;
  }
  48%{
    opacity:0;
  }
  100%{
    transform:translateX(360%) skewX(-20deg);
    opacity:0;
  }
}
@keyframes dashboardCtaBlink{
  0%, 45%, 100%{
    opacity:1;
    transform:scale(1);
  }
  55%{
    opacity:.4;
    transform:scale(.92);
  }
}
@keyframes dashboardEmptyActionPulse{
  0%, 100%{
    transform:translateY(0);
    box-shadow:0 14px 26px rgba(235,86,11,.18);
  }
  50%{
    transform:translateY(-1px);
    box-shadow:0 18px 30px rgba(235,86,11,.24);
  }
}
html[data-theme="light"] .dashboard-cta-note{
  background:linear-gradient(135deg, rgba(235,86,11,.18), rgba(255,181,107,.10) 62%, rgba(255,255,255,.94) 100%);
  border-color:rgba(235,86,11,.38);
  box-shadow:0 0 0 1px rgba(235,86,11,.08), 0 18px 36px rgba(235,86,11,.12);
}
html[data-theme="light"] .dashboard-cta-note::after{
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.55), transparent);
}
html[data-theme="light"] .dashboard-empty-cta small{
  color:#5d6d81;
}
html[data-theme="light"] .dashboard-request-card{
  background:#fffdfb;
}
@media (max-width: 768px){
  .dashboard-form-grid-2{
    grid-template-columns:1fr;
  }
  .upload-card{
    align-items:flex-start;
  }
  .upload-preview{
    width:76px;
    height:76px;
    flex-basis:76px;
  }
  .admin-company-request-actions{
    justify-content:flex-start;
  }
}
.vacancy-editor-card{
  display:grid;
  gap:18px;
}
.vacancy-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.vacancy-editor-copy{
  display:grid;
  gap:6px;
}
.vacancy-editor-note{
  margin:0;
  max-width:68ch;
  color:var(--muted);
  line-height:1.6;
}
.vacancy-editor-company{
  display:grid;
  gap:4px;
  min-width:220px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(235,86,11,.08), transparent 70%), var(--panel-muted);
}
.vacancy-editor-company span{
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vacancy-editor-company strong{
  font-size:1rem;
  line-height:1.35;
}
.vacancy-editor-form{
  display:grid;
  gap:16px;
}
.vacancy-editor-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.vacancy-editor-section{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.vacancy-editor-section.is-full{
  grid-column:1/-1;
}
.vacancy-editor-section-head{
  display:grid;
  gap:4px;
}
.vacancy-editor-section-head h2{
  margin:0;
  font-size:1rem;
}
.vacancy-editor-section-head p{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
}
.vacancy-editor-fields{
  display:grid;
  gap:12px;
}
.vacancy-editor-fields--2{
  grid-template-columns:repeat(2, minmax(0,1fr));
}
.vacancy-editor-field.is-wide{
  grid-column:1/-1;
}
.vacancy-editor-field .form-text{
  margin-top:8px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}
.vacancy-editor-field .form-control:disabled,
.vacancy-editor-field .form-control[aria-disabled="true"]{
  background:
    linear-gradient(135deg, rgba(235,86,11,.08), rgba(255,255,255,0) 72%),
    var(--panel-solid);
  border-color:var(--line-strong);
  color:var(--text);
  -webkit-text-fill-color:var(--text);
  opacity:1;
  cursor:not-allowed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
[data-theme="dark"] .vacancy-editor-field .form-text{
  color:rgba(244,246,251,.64);
}
[data-theme="dark"] .vacancy-editor-field .form-control:disabled,
[data-theme="dark"] .vacancy-editor-field .form-control[aria-disabled="true"]{
  background:
    linear-gradient(135deg, rgba(255,107,29,.12), rgba(255,255,255,.02) 72%),
    var(--panel-solid);
  border-color:rgba(255,107,29,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.vacancy-editor-field .form-control:disabled::-webkit-calendar-picker-indicator,
.vacancy-editor-field .form-control[aria-disabled="true"]::-webkit-calendar-picker-indicator{
  opacity:.65;
}
.vacancy-editor-switch{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:50px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:var(--panel-solid);
}
.vacancy-editor-switch .form-check-input{
  margin:0;
  flex:0 0 auto;
}
.vacancy-editor-switch .form-check-label{
  margin:0;
  color:var(--text);
  font-weight:700;
}
.vak-toggle-switch{
  display:flex;
  align-items:center;
  gap:12px;
}
.vak-toggle-switch .form-check-input{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  width:52px;
  min-width:52px;
  height:30px;
  min-height:30px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background-color:rgba(255,255,255,.14);
  background-image:radial-gradient(circle, #fff 0 58%, transparent 60%) !important;
  background-repeat:no-repeat;
  background-size:24px 24px;
  background-position:2px center;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.24);
  cursor:pointer;
  transition:background-color .18s ease, border-color .18s ease, background-position .18s ease, box-shadow .18s ease;
}
.vak-toggle-switch .form-check-input:checked{
  background-color:var(--brand);
  border-color:rgba(255,107,29,.38);
  background-position:calc(100% - 2px) center;
}
.vak-toggle-switch .form-check-input:focus{
  box-shadow:0 0 0 .22rem rgba(235,86,11,.14);
}
.vak-toggle-switch .form-check-label{
  margin:0;
  color:var(--text);
  font-weight:700;
  cursor:pointer;
}
.vacancy-editor-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.admin-page-head-tools{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.admin-section-tabs{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.admin-section-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:7px;
  min-height:36px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:var(--panel-muted);
  color:var(--muted);
  font-weight:700;
  font-size:.86rem;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.admin-section-tab:hover{
  color:var(--text);
  border-color:var(--line-strong);
  background:var(--panel-hover);
  transform:translateY(-1px);
}
.admin-section-tab.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--brand), var(--brand-strong));
  box-shadow:0 10px 18px rgba(235,86,11,.14);
}
.admin-section-tab i{
  font-size:.78rem;
}
.admin-simple-form-card,
.admin-simple-table-card{
  padding:16px;
}
.admin-simple-subtitle{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
  max-width:58ch;
}
.admin-simple-form{
  align-items:end;
}
.admin-action-btn{
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  font-size:.9rem;
}
.admin-table-btn{
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
  font-size:.82rem;
}
.admin-table-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.admin-table-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel-muted);
  color:var(--text);
  font-size:.74rem;
  font-weight:800;
}
.admin-table-clean{
  color:var(--text);
}
.admin-table-clean thead th{
  border-bottom:1px solid var(--line);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-table-clean tbody td{
  vertical-align:middle;
  padding-top:12px;
  padding-bottom:12px;
}
.admin-table-clean td:first-child,
.admin-table-clean th:first-child{
  width:76px;
}
.admin-data-table td{
  vertical-align:top;
}
.admin-data-table .form-control,
.admin-data-table .form-select{
  min-height:40px;
  border-radius:10px;
}
.admin-role-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel-muted);
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
}
.admin-role-pill.is-admin{
  color:var(--brand);
  border-color:rgba(235,86,11,.24);
  background:rgba(235,86,11,.08);
}
.admin-role-pill.is-company{
  color:#6ec1ff;
  border-color:rgba(110,193,255,.26);
  background:rgba(110,193,255,.08);
}
.admin-vacancies-page{
  align-content:start;
  align-items:start;
}
.admin-vacancy-title{
  display:grid;
  gap:4px;
  min-width:0;
}
.admin-vacancy-title strong{
  font-size:.94rem;
  line-height:1.35;
}
.admin-vacancy-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:.76rem;
}
.admin-vacancy-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.admin-vacancy-statuses{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.admin-vacancy-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.admin-vacancy-actions form{
  margin:0;
}
.admin-vacancy-review-list{
  display:grid;
  gap:12px;
}
.admin-vacancy-review-card{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel-muted);
}
.admin-vacancy-review-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.admin-vacancy-review-statuses{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.admin-vacancy-review-copy{
  max-width:none;
}
.admin-vacancy-review-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.admin-vacancy-review-form{
  display:grid;
  gap:12px;
}
.admin-vacancy-review-fields{
  display:grid;
  grid-template-columns:minmax(0,180px) minmax(0,1fr) minmax(0,180px);
  gap:12px;
  align-items:end;
}
.admin-vacancy-review-check{
  display:grid;
}
.admin-review-request-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.admin-review-request-badge.is-created{
  color:#6ec1ff;
  border-color:rgba(110,193,255,.26);
  background:rgba(110,193,255,.08);
}
.admin-review-request-badge.is-edited{
  color:#ffb66b;
  border-color:rgba(255,182,107,.26);
  background:rgba(255,182,107,.08);
}
.admin-vacancy-change-list{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(255,255,255,.03), transparent 72%), var(--panel);
}
.admin-vacancy-change-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.admin-vacancy-change-head strong{
  font-size:.92rem;
  line-height:1.35;
}
.admin-vacancy-change-head span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
}
.admin-vacancy-change-item{
  display:grid;
  grid-template-columns:minmax(0,180px) minmax(0,1fr);
  gap:12px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.admin-vacancy-change-item:first-of-type{
  padding-top:0;
  border-top:0;
}
.admin-vacancy-change-label{
  color:var(--text);
  font-size:.84rem;
  font-weight:800;
  line-height:1.45;
}
.admin-vacancy-change-values{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.admin-vacancy-change-value{
  display:grid;
  gap:6px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.admin-vacancy-change-value span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.admin-vacancy-change-value strong{
  color:var(--text);
  font-size:.84rem;
  line-height:1.55;
  font-weight:700;
  white-space:normal;
  word-break:break-word;
}
.admin-vacancy-change-value.is-after{
  border-color:rgba(235,86,11,.20);
  background:linear-gradient(135deg, rgba(235,86,11,.08), transparent 88%), var(--panel-muted);
}
.admin-stat-positive{
  color:var(--success);
}
.admin-stat-accent{
  color:var(--brand);
}
.admin-modal{
  position:fixed;
  inset:0;
  z-index:2000 !important;
}
.admin-modal .modal-dialog{
  position:relative;
  z-index:2002;
  pointer-events:auto;
}
.admin-modal .modal-dialog{
  max-width:700px;
}
.admin-modal.admin-modal-lg .modal-dialog{
  max-width:960px;
}
.admin-modal .modal-content{
  position:relative;
  z-index:1;
  pointer-events:auto;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.modal-backdrop{
  z-index:1990 !important;
}
.modal-backdrop.show{
  opacity:.6;
}
.admin-modal .modal-header,
.admin-modal .modal-footer{
  padding:14px 16px;
  border-color:var(--line);
  background:var(--panel);
}
.admin-modal .modal-body{
  padding:16px;
  background:var(--panel-solid);
}
.admin-modal .modal-title{
  font-size:1.05rem;
  font-weight:800;
}
.admin-modal .btn-close{
  filter:invert(1);
  opacity:.7;
}
[data-theme="light"] .admin-modal .btn-close{
  filter:none;
}
.admin-modal-note{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.55;
}
.admin-modal-grid{
  display:grid;
  gap:12px;
}
.admin-modal-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.admin-shell-page .panel-inner{
  padding:16px;
}
.admin-shell-page .card-modern{
  border-radius:18px;
}
.admin-shell-page .btn{
  font-size:.92rem;
}
.admin-shell-page .hero-title{
  font-size:clamp(1.8rem, 2vw, 2.35rem);
  line-height:1.05;
}
.admin-shell-page .form-control,
.admin-shell-page .form-select{
  min-height:42px;
  border-radius:12px;
  font-size:.92rem;
}
.admin-shell-page textarea.form-control{
  min-height:auto;
}
.admin-shell-page .input-modern{
  border-radius:12px !important;
}
.admin-shell-page .admin-compact-actions{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.admin-shell-page .admin-companies-list-card{
  gap:12px;
}
.admin-shell-page .admin-page-head-tools--compact{
  gap:8px;
}
.admin-shell-page .admin-page-head-tools--compact .admin-action-btn{
  min-height:40px;
}
.admin-shell-page .admin-section-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  grid-template-columns:none !important;
  gap:6px !important;
}
.admin-shell-page .admin-section-tab{
  display:inline-flex !important;
  width:auto !important;
  max-width:max-content;
  height:32px !important;
  min-height:32px !important;
  padding:0 10px !important;
  align-self:flex-start;
  flex:0 0 auto !important;
  border-radius:10px !important;
  font-size:.8rem !important;
  line-height:1 !important;
}
.admin-shell-page .admin-section-tab i{
  font-size:.72rem !important;
}

@media (max-width:1400px){
  .admin-companies-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-companies-side{
    position:static;
  }
  .admin-company-list{
    max-height:none;
  }
}

@media (max-width:920px){
  .admin-page-head{
    flex-direction:column;
  }
  .admin-page-head-stats{
    grid-template-columns:repeat(2, minmax(0,1fr));
    min-width:0;
    width:100%;
  }
  .admin-upload-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-company-item{
    grid-template-columns:56px minmax(0,1fr);
  }
  .admin-company-item-meta,
  .admin-company-item-arrow{
    grid-column:2;
  }
  .admin-page-head-tools{
    width:100%;
  }
  .admin-page-head-tools > *{
    flex:1 1 220px;
  }
  .admin-page-head--compact .admin-page-head-stats{
    max-width:none;
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }
  .dashboard-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .vacancy-editor-head{
    flex-direction:column;
  }
  .vacancy-editor-company{
    min-width:0;
    width:100%;
  }
  .vacancy-editor-grid,
  .vacancy-editor-fields--2{
    grid-template-columns:minmax(0,1fr);
  }
  .vacancy-editor-actions{
    width:100%;
  }
  .vacancy-editor-actions > *{
    flex:1 1 220px;
  }
  .admin-section-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .admin-section-tab{
    justify-content:center;
    flex:0 0 auto;
    min-height:32px;
    padding:0 10px;
    font-size:.8rem;
  }
  .admin-modal-grid-2{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-table-head{
    flex-direction:column;
  }
  .dashboard-company-toolbar,
  .dashboard-company-actions{
    width:100%;
  }
  .dashboard-company-actions > *{
    flex:1 1 220px;
  }
  .dashboard-company-details{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-company-action-card,
  .admin-company-action-form{
    flex-direction:column;
    align-items:stretch;
  }
  .admin-company-action-form .form-control{
    min-width:0;
  }
  .dashboard-post-item{
    grid-template-columns:minmax(0,1fr);
  }
  .dashboard-post-item-actions{
    justify-content:space-between;
  }
  .dashboard-post-item--rich .dashboard-post-item-actions{
    justify-content:flex-start;
  }
  .admin-vacancy-review-top{
    flex-direction:column;
  }
  .admin-vacancy-review-grid,
  .admin-vacancy-review-fields{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-vacancy-change-item,
  .admin-vacancy-change-values{
    grid-template-columns:minmax(0,1fr);
  }
  .admin-vacancy-actions{
    justify-content:flex-start;
  }
}

.form-control,
.form-select,
.form-check-input{
  min-height:50px;
  border-radius:16px;
  border-color:var(--line);
  background:var(--panel-solid);
  color:var(--text);
}
.input-modern{
  border-radius:16px!important;
}
.form-control::placeholder{color:var(--muted)}
.form-control:focus,
.form-select:focus{
  border-color:rgba(235,86,11,.34);
  background:var(--panel-solid);
  color:var(--text);
  box-shadow:0 0 0 .24rem rgba(235,86,11,.12);
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus{
  box-shadow:0 0 0 .24rem rgba(255,122,31,.16);
}
.form-check-input{
  min-height:auto;
  box-shadow:none;
}
.form-check-input:checked{
  background-color:var(--brand);
  border-color:var(--brand);
}

.table{
  color:var(--text);
  --bs-table-bg:transparent;
  --bs-table-striped-bg:transparent;
}
.table>:not(caption)>*>*{
  padding:.95rem .85rem;
  border-color:var(--line);
  background:transparent;
}
.table thead th{
  color:var(--muted);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.table-hover tbody tr:hover>*{
  background:rgba(235,86,11,.05);
}
.dropdown-menu,
.modal-content{
  background:var(--panel-solid);
  border-color:var(--line);
  color:var(--text);
}
.dropdown-item{
  color:var(--text);
  border-radius:12px;
}
.dropdown-item:hover{
  background:var(--panel-hover);
}
.alert{
  border-radius:18px;
  border-color:var(--line);
}
.alert-danger{
  background:rgba(217,79,79,.10);
  color:#872f2f;
}
[data-theme="dark"] .alert-danger{color:#ffb4b4}
.alert-success{
  background:rgba(31,157,104,.10);
  color:#176843;
}
[data-theme="dark"] .alert-success{color:#8ff0c0}

.view-hero{
  display:none;
}
[data-theme="dark"] .view-hero{
  display:none;
}
.view-hero-copy{
  display:grid;
  gap:10px;
}
.hero-kicker{
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--brand);
}
.hero-title{
  margin:0;
  font-size:clamp(1.65rem, 2vw, 2.35rem);
  line-height:1.1;
  letter-spacing:-.03em;
}
.hero-copy{
  margin:0;
  max-width:62ch;
  color:var(--muted);
  font-size:1rem;
  line-height:1.75;
}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.metric-card{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(235,86,11,.12);
  background:rgba(255,255,255,.56);
  backdrop-filter:blur(10px);
}
[data-theme="dark"] .metric-card{background:rgba(10,20,31,.54)}
.metric-card strong{
  display:block;
  font-size:1.45rem;
  line-height:1;
  margin-bottom:8px;
}
.metric-card span{
  color:var(--muted);
  font-size:.84rem;
}
.topbar.topbar-compact{
  margin:10px 10px 0;
  border-radius:18px;
  border:1px solid var(--line);
}
.detail-summary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin:18px 0 6px;
}
.detail-mini{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:var(--panel-muted);
}
.detail-mini span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  margin-bottom:6px;
}
.detail-mini strong{
  display:block;
  font-size:.96rem;
  line-height:1.35;
}
.detail-cta{
  margin-top:20px;
}
.company-tile{
  cursor:pointer;
}
.company-tile.is-selected{
  border-color:rgba(235,86,11,.34);
  background:linear-gradient(90deg, rgba(235,86,11,.14), transparent 70%), var(--panel-solid);
  box-shadow:0 22px 36px rgba(235,86,11,.16);
}
.company-spotlight{
  display:grid;
  gap:18px;
}
.company-spotlight-head{
  display:flex;
  align-items:center;
  gap:16px;
}
.company-logo-frame{
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:24px;
  border:1px solid var(--line);
  background:
    linear-gradient(145deg, rgba(235,86,11,.12), rgba(255,124,38,.16)),
    var(--panel-muted);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.15rem;
  overflow:hidden;
}
.company-logo-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.auth-shell{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(340px, 440px);
  gap:18px;
  min-height:calc(100vh - 48px);
  align-items:stretch;
}
.auth-shell.auth-shell-single{
  grid-template-columns:minmax(0, 460px);
  justify-content:center;
  min-height:auto;
}
.auth-showcase{
  padding:28px;
  border-radius:32px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at top left, rgba(235,86,11,.16), transparent 42%),
    radial-gradient(circle at bottom right, rgba(255,124,38,.18), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.56));
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
}
[data-theme="dark"] .auth-showcase{
  background:
    radial-gradient(circle at top left, rgba(255,122,31,.12), transparent 42%),
    radial-gradient(circle at bottom right, rgba(255,124,38,.10), transparent 40%),
    linear-gradient(180deg, rgba(16,28,44,.92), rgba(16,28,44,.76));
}
.auth-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.52);
  font-weight:700;
  width:max-content;
}
.auth-title{
  margin:18px 0 12px;
  font-size:clamp(2rem, 3vw, 3.15rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.auth-copy{
  margin:0;
  max-width:54ch;
  color:var(--muted);
  line-height:1.85;
}
.auth-points{
  display:grid;
  gap:14px;
  margin-top:26px;
}
.auth-point{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.44);
}
[data-theme="dark"] .auth-point{background:rgba(10,20,31,.48)}
.auth-point i{
  width:18px;
  margin-top:4px;
  color:var(--brand);
}
.auth-form-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
}
.auth-shell.auth-shell-single .auth-form-wrap{
  width:100%;
}
.auth-card{
  width:100%;
  max-width:460px;
  padding:24px;
  border-radius:22px;
  border:1px solid var(--line);
  background:var(--panel);
  box-shadow:var(--shadow);
}
[data-theme="dark"] .auth-card{
  background:linear-gradient(180deg, rgba(18,22,28,.98), rgba(18,22,28,.94));
}
.auth-card-head{
  margin-bottom:20px;
}
.auth-card-head h1{
  margin:8px 0 10px;
  font-size:2rem;
  line-height:1.08;
  letter-spacing:-.03em;
}
.auth-card-head p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}
.auth-note{
  margin-top:14px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.7;
}

.list-empty{
  padding:16px;
  border-radius:18px;
  border:1px dashed var(--line);
  background:var(--panel-muted);
}

.detail-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:12px;
  align-items:start;
}
.surface-card,
.detail-side-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--panel-solid);
  box-shadow:var(--shadow-soft);
}
.surface-card{
  padding:20px;
}
.surface-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.surface-card-copy{
  max-width:72ch;
}
.surface-eyebrow{
  margin-bottom:10px;
  color:var(--brand);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.surface-title{
  margin:0;
  font-size:clamp(1.7rem, 2.1vw, 2.5rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.surface-copy{
  margin:12px 0 0;
  color:var(--muted);
  font-size:.96rem;
  line-height:1.75;
}
.surface-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 20px;
}
.meta-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel-muted);
  color:var(--text);
  font-size:.82rem;
  font-weight:700;
}
.meta-pill i{
  color:var(--brand);
}
.detail-richtext{
  color:var(--text);
  line-height:1.82;
}
.detail-richtext p:last-child{
  margin-bottom:0;
}
.detail-side-stack{
  display:grid;
  gap:12px;
}
.detail-side-card{
  padding:18px;
}
.detail-side-title{
  margin:0 0 14px;
  font-size:1rem;
  font-weight:800;
}
.detail-side-list{
  display:grid;
  gap:14px;
}
.detail-side-row{
  display:grid;
  gap:4px;
}
.detail-side-row span{
  color:var(--muted);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.detail-side-row strong,
.detail-side-row a{
  color:var(--text);
  font-size:.94rem;
  text-decoration:none;
  word-break:break-word;
}
.detail-side-row a:hover{
  color:var(--brand);
}
.surface-divider{
  margin:20px 0;
  border-top:1px solid var(--line);
}
.company-jobs-list{
  display:grid;
  gap:10px;
}
.map-frame iframe{
  width:100%;
  height:100%;
  border:0;
}

@media (max-width:1400px){
  .js-layout{
    grid-template-columns:256px minmax(360px,460px) minmax(0,1fr);
  }
  .panel-layout{
    grid-template-columns:256px minmax(0,1fr);
  }
}

@media (max-width:1180px){
  body{overflow:auto}
  .js-layout{
    grid-template-columns:256px minmax(0,1fr);
    height:auto;
  }
  .js-detail{display:none}
  .panel-layout{
    grid-template-columns:256px minmax(0,1fr);
    height:auto;
  }
  .auth-shell{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .detail-page-grid{
    grid-template-columns:1fr;
  }
  .jooble-panel-shell{
    grid-template-columns:1fr;
    height:auto;
  }
  .jooble-panel-shell .panel-main{
    min-height:100vh;
  }
}
@media (max-width:1023px){
  .js-layout,
  .panel-layout{
    grid-template-columns:1fr;
    height:auto;
    padding:12px;
  }
  .js-sidebar,
  .js-list,
  .panel-main{
    min-height:auto;
  }
  .jobs-clone{
    grid-template-columns:1fr;
    height:auto;
  }
  .jobs-clone .js-list{
    border-right:none;
  }
  .jobs-clone .js-list::after{
    display:none;
  }
}

@media (max-width:920px){
  .navbar-modern,
  .footer{
    margin:12px 12px 0;
  }
  .footer{margin-bottom:12px}
  .js-layout,
  .panel-layout{
    grid-template-columns:1fr;
    height:auto;
    padding:12px;
  }
  .js-sidebar,
  .js-list,
  .panel-main{
    min-height:auto;
  }
  .topbar{
    flex-wrap:wrap;
    padding:16px;
  }
  .filters-link{
    width:100%;
    justify-content:center;
  }
  .hero-metrics,
  .detail-summary-grid{
    grid-template-columns:1fr;
  }
  .jooble-panel-shell{
    padding:0;
  }
  .jooble-auth-wrap{
    overflow:visible;
  }
}

@media (max-width:640px){
  .no-topnav .page{padding:12px}
  .js-sidebar,
  .js-list,
  .panel-main{
    border-radius:24px;
  }
  .detail-header,
  .detail-body,
  .detail-card,
  .panel-inner{
    padding:16px;
  }
  .job-item,
  .list-item{
    flex-direction:column;
    align-items:flex-start;
  }
  .job-right{
    width:100%;
    justify-content:flex-start;
  }
  .brand{
    align-items:flex-start;
  }
  .auth-showcase,
  .auth-card{
    padding:20px;
    border-radius:26px;
  }
  .surface-card,
  .detail-side-card{
    padding:16px;
    border-radius:18px;
  }
}

.brand-wordmark{
  display:none;
}
.brand-wordmark-dot{
  color:var(--brand);
}

body.jobs-shell-page,
body:has(.jobs-clone){
  background:
    radial-gradient(1200px 460px at 0% 0%, rgba(255,107,29,.08), transparent 54%),
    linear-gradient(180deg, #12181f, #171f27 58%);
}
body.jobs-shell-page .page,
body:has(.jobs-clone) .page{
  padding:0;
}
body.jobs-shell-page .footer,
body:has(.jobs-clone) .footer{
  display:none;
}
[data-theme="light"] body.jobs-shell-page,
[data-theme="light"] body:has(.jobs-clone){
  background:
    radial-gradient(1200px 460px at 0% 0%, rgba(235,86,11,.08), transparent 54%),
    linear-gradient(180deg, #eef2f6, #f7f9fb 58%);
}

.jobs-clone{
  grid-template-columns:256px minmax(500px, 580px) minmax(0,1fr);
  gap:0;
  height:100vh;
  padding:0;
}
body.jobs-shell-page .panel-layout{
  grid-template-columns:256px minmax(0,1fr);
  gap:0;
  height:100vh;
  padding:0;
}
body.jobs-shell-page .panel-layout .js-sidebar,
body.jobs-shell-page .panel-layout .panel-main{
  border:none;
  border-radius:0;
  box-shadow:none;
}
body.jobs-shell-page .panel-layout .panel-main{
  background:transparent;
}
body.jobs-shell-page .panel-layout .panel-inner{
  height:100%;
  padding:20px 24px 24px;
  overflow:auto;
}
@media (min-width:1536px){
  .jobs-clone{
    grid-template-columns:256px minmax(580px, 650px) minmax(0,1fr);
  }
}
.jobs-clone .js-sidebar,
.jobs-clone .js-list,
.jobs-clone .js-detail{
  border-radius:0;
  border:none;
  box-shadow:none;
}
.jobs-clone .js-sidebar{
  padding:0;
  overflow:hidden;
  background:linear-gradient(180deg, #161d25, #12181f);
  border-right:1px solid rgba(255,255,255,.06);
}
.jobs-clone .sidebar-shell{
  gap:0;
  height:100vh;
  min-height:100vh;
  overflow:hidden;
}
.jobs-clone .brand-row{
  gap:0;
  padding:0;
  background:linear-gradient(180deg, #1b1819, #141a20);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.jobs-clone .brand{
  min-height:66px;
  padding:0 16px;
  align-items:center;
}
.jobs-clone .brand-logo-img{
  display:block;
  height:42px;
  width:auto;
}
.jobs-clone .brand-wordmark{
  display:none;
}
.jobs-clone .lang-row{
  display:none;
}
.jobs-clone .lang-mini{
  width:100%;
  justify-content:space-between;
  gap:6px;
}
.jobs-clone .lang-mini a{
  flex:1;
  width:auto;
  height:30px;
  border-radius:10px;
  background:#1c232c;
  color:#8f9bab;
  border-color:rgba(255,255,255,.05);
}
.jobs-clone .lang-mini a.active{
  color:#fff;
  background:rgba(255,107,29,.18);
  border-color:rgba(255,107,29,.26);
}
.jobs-clone .theme-toggle{
  flex:0 0 32px;
  width:32px;
  height:30px;
  border-radius:10px;
  background:#1c232c;
  border-color:rgba(255,255,255,.05);
}
.jobs-clone .menu-group{
  flex:1;
  gap:0;
  min-height:0;
  padding:12px 10px 0;
}
.jobs-clone .menu-label{
  display:none;
}
.jobs-clone .menu,
.jobs-clone .sidebar-actions{
  gap:6px;
}
.jobs-clone .menu a,
.jobs-clone .sidebar-actions a{
  min-height:52px;
  padding:0 12px;
  border:none;
  border-radius:14px;
  color:#c1cad7;
  background:transparent;
  font-size:.95rem;
  font-weight:800;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  letter-spacing:-.01em;
}
.jobs-clone .menu a span,
.jobs-clone .sidebar-actions a span{
  display:inline-flex;
  align-items:center;
}
.jobs-clone .menu a i,
.jobs-clone .sidebar-actions a i{
  width:32px;
  height:32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  background:rgba(255,107,29,.08);
  border:1px solid rgba(255,107,29,.16);
  color:var(--brand);
}
.jobs-clone .menu a:hover,
.jobs-clone .sidebar-actions a:hover{
  transform:none;
  background:rgba(255,255,255,.03);
}
.jobs-clone .menu a.active,
.jobs-clone .sidebar-actions a.active{
  color:#fff;
  background:linear-gradient(90deg, #ff6b1d 0%, #e36423 48%, #365d8f 100%);
  box-shadow:0 14px 28px rgba(255,107,29,.22);
}
.jobs-clone .menu a.active i,
.jobs-clone .sidebar-actions a.active i{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.jobs-clone .sidebar-pulse{
  width:8px;
  height:8px;
  margin-left:auto;
  border-radius:999px;
  background:#ff7b24;
  box-shadow:0 0 0 4px rgba(255,107,29,.12);
}
.jobs-clone .menu a.active .sidebar-pulse,
.jobs-clone .sidebar-actions a.active .sidebar-pulse{
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.12);
}
.jobs-clone .sidebar-foot{
  margin-top:auto;
  padding:12px 10px 10px;
  border-top:1px solid rgba(255,255,255,.05);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.jobs-clone .sidebar-stats{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.jobs-clone .sidebar-stat{
  min-height:54px;
  padding:10px 12px;
  border-radius:12px;
  border-color:rgba(255,255,255,.05);
  background:#182029;
}
.jobs-clone .sidebar-stat:first-child{
  border-color:rgba(255,107,29,.28);
}
.jobs-clone .sidebar-stat:first-child strong{
  color:#ff7b24;
}
.jobs-clone .sidebar-stat:last-child{
  background:#172232;
}
.jobs-clone .sidebar-stat:last-child strong{
  color:#4f88d2;
}
.jobs-clone .sidebar-stat span{
  font-size:.56rem;
  color:#718094;
}
.jobs-clone .sidebar-stat strong{
  margin-top:4px;
  color:#fff;
  font-size:1rem;
}
.jobs-clone .sidebar-tools{
  display:none;
}
.jobs-clone .sidebar-socials{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:8px;
}
.jobs-clone .sidebar-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.05);
  background:#18212a;
  color:#95a3b6;
  text-decoration:none;
}
.jobs-clone .sidebar-social:hover{
  color:#fff;
  border-color:rgba(255,107,29,.22);
  background:#1d2731;
}
.jobs-clone .sidebar-preferences{
  display:flex;
  align-items:center;
  gap:10px;
}
.jobs-clone .sidebar-pref-label{
  flex:1;
  color:#e8eef7;
  font-size:.94rem;
  font-weight:800;
}
.jobs-clone .sidebar-language-picker{
  position:relative;
}
.jobs-clone .sidebar-language-picker summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,107,29,.35);
  background:#183445;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.jobs-clone .sidebar-language-picker summary::-webkit-details-marker{
  display:none;
}
.jobs-clone .sidebar-language-badge{
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
}
.jobs-clone .sidebar-language-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  z-index:5;
  display:grid;
  gap:6px;
  min-width:58px;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#18212a;
  box-shadow:0 18px 34px rgba(0,0,0,.34);
}
.jobs-clone .sidebar-language-menu a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:10px;
  text-decoration:none;
  color:#a8b4c4;
  font-size:.78rem;
  font-weight:800;
  background:rgba(255,255,255,.02);
}
.jobs-clone .sidebar-language-menu a.active{
  color:#fff;
  background:rgba(255,107,29,.18);
}
.jobs-clone .sidebar-theme-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:#18212a;
  color:#d7e0ec;
  font-size:.84rem;
  font-weight:800;
}
.jobs-clone .sidebar-theme-box .theme-toggle{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:999px;
  background:#202b36;
  border:1px solid rgba(255,255,255,.06);
}
.jobs-clone .sidebar-theme-box .theme-toggle:hover{
  transform:none;
  background:#25313d;
}
.jobs-clone .sidebar-meta{
  display:grid;
  gap:2px;
  color:#778498;
  font-size:.72rem;
  line-height:1.55;
}
.jobs-clone .sidebar-meta a{
  color:#ff7b24;
  text-decoration:none;
}
.jobs-clone .sidebar-meta div:first-child{
  color:#b6c1d0;
}
.jobs-clone .sidebar-foot-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.jobs-clone .sidebar-foot-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(255,107,29,.18);
  background:rgba(255,107,29,.04);
  color:#ff8f56;
  text-decoration:none;
  font-size:.72rem;
  font-weight:700;
}
.jobs-clone .sidebar-foot-links a:hover{
  background:rgba(255,107,29,.10);
}
.vak-jooble-sidebar{
  flex:0 0 256px;
}
.vak-jooble-sidebar .jooble-sidebar-logo{
  display:block;
  height:30px;
  width:auto;
  max-width:168px;
}
.vak-jooble-sidebar .vak-sidebar-nav{
  overflow:hidden;
}
.vak-lang-switch summary::-webkit-details-marker{
  display:none;
}
.vak-flag-az{
  display:block;
  width:100%;
  height:100%;
  border-radius:999px;
  background:
    linear-gradient(180deg, #00b5e2 0 33%, #ef3340 33% 66%, #509e2f 66% 100%);
  position:relative;
}
.vak-flag-az::after{
  content:"";
  position:absolute;
  inset:8px 10px;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.vak-theme-button{
  border:1px solid rgba(255,255,255,.08);
  background:#18212a;
}
.vak-theme-button:hover{
  background:#1d2731;
}
.vak-theme-button i{
  position:relative;
  z-index:20;
  color:#818cf8;
  font-size:14px;
}
[data-theme="light"] .vak-theme-button i{
  color:#f59e0b;
}
.vak-sidebar-meta a{
  text-decoration:none;
}

.jooble-panel-shell{
  grid-template-columns:256px minmax(0,1fr);
  gap:0;
  height:100vh;
  padding:0;
}
.jooble-panel-shell .panel-main{
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.jooble-panel-shell .panel-inner{
  padding:0;
  height:100%;
}
.jooble-auth-wrap{
  height:100%;
  overflow:auto;
}
.jooble-auth-inner{
  padding:24px 28px 40px;
}
.jooble-auth-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:28px;
  max-width:1100px;
  margin:0 auto;
}
.jooble-auth-grid-single{
  grid-template-columns:minmax(0,536px);
  justify-content:center;
}
.jooble-auth-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(24,33,42,.92);
  box-shadow:none;
}
[data-theme="light"] .jooble-auth-card{
  background:rgba(255,255,255,.94);
  border-color:rgba(15,23,42,.08);
}
.jooble-auth-card-head{
  padding:24px 24px 18px;
}
.jooble-auth-card-body{
  padding:0 24px 24px;
}
.jooble-auth-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#f8fbff;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.3;
}
.jooble-auth-title.is-accent{
  color:#2d78ff;
}
[data-theme="light"] .jooble-auth-title{
  color:#172638;
}
[data-theme="light"] .jooble-auth-title.is-accent{
  color:#1d5adb;
}
.jooble-auth-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.jooble-auth-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.jooble-auth-switch{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:0;
  width:100%;
  padding:4px;
  border-radius:8px;
  background:#2b3440;
}
[data-theme="light"] .jooble-auth-switch{
  background:#edf1f6;
}
.jooble-auth-switch a,
.jooble-auth-switch span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:6px;
  text-decoration:none;
  font-size:.98rem;
  font-weight:800;
}
.jooble-auth-switch a{
  color:#aab5c3;
}
.jooble-auth-switch a:hover{
  color:#fff;
}
.jooble-auth-switch .is-active{
  color:#fff;
  border:2px solid #ff6b1d;
  background:#1c232c;
  box-shadow:none;
}
[data-theme="light"] .jooble-auth-switch a{
  color:#607087;
}
[data-theme="light"] .jooble-auth-switch .is-active{
  color:#152536;
  background:#fff;
}
.jooble-auth-stage .jooble-auth-switch{
  position:relative;
  overflow:hidden;
}
.jooble-auth-stage .jooble-auth-switch-slider{
  position:absolute;
  display:block;
  top:4px;
  bottom:4px;
  left:4px;
  min-height:0;
  width:calc(50% - 4px);
  border:2px solid #ff6b1d;
  border-radius:6px;
  background:#1c232c;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:transform .42s cubic-bezier(.22,1,.36,1), background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
  will-change:transform;
}
.jooble-auth-stage[data-auth-mode="register"] .jooble-auth-switch-slider{
  transform:translateX(100%);
}
.jooble-auth-stage .jooble-auth-switch-btn{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#aab5c3;
  font-size:.98rem;
  font-weight:800;
  cursor:pointer;
  transition:color .22s ease;
}
.jooble-auth-stage .jooble-auth-switch-btn[aria-selected="true"]{
  color:#fff;
}
.jooble-auth-stage .jooble-auth-switch-btn:focus-visible{
  outline:none;
}
[data-theme="light"] .jooble-auth-stage .jooble-auth-switch-slider{
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-auth-stage .jooble-auth-switch-btn{
  color:#607087;
}
[data-theme="light"] .jooble-auth-stage .jooble-auth-switch-btn[aria-selected="true"]{
  color:#152536;
}
.jooble-auth-panels{
  overflow:hidden;
  margin-top:22px;
  transition:height .42s cubic-bezier(.22,1,.36,1);
}
.jooble-auth-panels-track{
  display:grid;
  grid-template-columns:repeat(2, 100%);
  align-items:start;
  transition:transform .42s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.jooble-auth-stage[data-auth-mode="register"] .jooble-auth-panels-track{
  transform:translateX(-100%);
}
.jooble-auth-stage[data-auth-mode="login"] .jooble-auth-panels-track{
  transform:translateX(0);
}
.jooble-auth-panel{
  visibility:hidden;
  pointer-events:none;
  opacity:.34;
  transform:translateY(10px) scale(.985);
  transition:opacity .28s ease, transform .42s cubic-bezier(.22,1,.36,1), visibility 0s linear .42s;
}
.jooble-auth-panel .jooble-auth-form{
  margin-top:0;
}
.jooble-auth-stage[data-auth-mode="login"] .jooble-auth-panel-login,
.jooble-auth-stage[data-auth-mode="register"] .jooble-auth-panel-register{
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform:none;
  transition-delay:.03s, .03s, 0s;
}
.jooble-auth-panel .jooble-auth-alert:first-child{
  margin-top:0;
  margin-bottom:16px;
}
.jooble-auth-panel .jooble-auth-separator{
  margin:16px 0;
}
.jooble-auth-form{
  display:grid;
  gap:16px;
  margin-top:22px;
}
.jooble-auth-field label{
  display:block;
  margin-bottom:10px;
  color:#f6f8fb;
  font-size:.96rem;
  font-weight:700;
}
[data-theme="light"] .jooble-auth-field label{
  color:#152536;
}
.jooble-auth-input{
  width:100%;
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  background:#141a20;
  color:#f7f9fc;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.jooble-auth-input::placeholder{
  color:#7f8da0;
}
.jooble-auth-input:focus{
  border-color:rgba(255,107,29,.42);
  box-shadow:0 0 0 3px rgba(255,107,29,.12);
}
.jooble-auth-input[readonly]{
  opacity:.9;
  cursor:not-allowed;
}
[data-theme="light"] .jooble-auth-input{
  border-color:rgba(15,23,42,.10);
  background:#fff;
  color:#152536;
}
[data-theme="light"] .jooble-auth-input::placeholder{
  color:#8a97a6;
}
.jooble-auth-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  border:none;
  border-radius:8px;
  background:#ff6b1d;
  color:#fff;
  font-size:.98rem;
  font-weight:800;
  text-decoration:none;
  transition:background-color .2s ease, transform .2s ease;
}
.jooble-auth-submit:hover{
  transform:translateY(-1px);
  background:#ff7b2d;
}
.jooble-auth-submit:disabled{
  opacity:.68;
  cursor:not-allowed;
  transform:none;
  background:#f08b52;
}
.jooble-auth-otp-field{
  display:grid;
  gap:10px;
}
.jooble-auth-input-otp{
  letter-spacing:.28em;
  text-align:center;
  font-weight:800;
  font-size:1.02rem;
}
.jooble-auth-otp-meta{
  display:grid;
  gap:10px;
}
.jooble-auth-otp-timer{
  color:#8ff0c0;
  font-size:.88rem;
  font-weight:700;
}
.jooble-auth-otp-timer.is-expired{
  color:#ffb4b4;
}
.jooble-auth-otp-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.jooble-auth-link{
  border:none;
  padding:0;
  background:transparent;
  color:#ff8d47;
  cursor:pointer;
  font-size:.88rem;
  font-weight:700;
  line-height:1.4;
}
.jooble-auth-link:hover{
  color:#ffab74;
  text-decoration:underline;
}
.jooble-auth-separator{
  position:relative;
  margin:16px 0;
  text-align:center;
}
.jooble-auth-separator::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:1px solid rgba(255,255,255,.08);
}
.jooble-auth-separator span{
  position:relative;
  z-index:1;
  display:inline-block;
  padding:0 10px;
  background:rgba(24,33,42,.92);
  color:#a8b4c4;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
}
[data-theme="light"] .jooble-auth-separator::before{
  border-top-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-auth-separator span{
  background:rgba(255,255,255,.94);
  color:#6d7c8f;
}
.jooble-auth-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  background:#141a20;
  color:#fff;
  font-size:.98rem;
  font-weight:700;
  text-decoration:none;
  transition:border-color .2s ease, background-color .2s ease;
}
.jooble-auth-social:hover{
  color:#fff;
  border-color:rgba(255,107,29,.18);
  background:#171f27;
}
.jooble-auth-social svg{
  width:18px;
  height:18px;
  display:block;
}
[data-theme="light"] .jooble-auth-social{
  border-color:rgba(15,23,42,.10);
  background:#fff;
  color:#152536;
}
.jooble-auth-docs{
  display:grid;
  gap:14px;
}
.jooble-auth-step{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
}
.jooble-auth-step-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(255,107,29,.12);
  color:#ff7b24;
  font-size:.78rem;
  font-weight:900;
}
.jooble-auth-step p{
  margin:0;
  color:#a7b3c2;
  font-size:.95rem;
  line-height:1.7;
}
[data-theme="light"] .jooble-auth-step p{
  color:#5d6d81;
}
.jooble-auth-highlight{
  color:#ff6b1d;
  font-weight:800;
}
.jooble-auth-note{
  margin-top:16px;
  color:#96a3b3;
  font-size:.9rem;
  line-height:1.6;
}
[data-theme="light"] .jooble-auth-note{
  color:#607086;
}
.jooble-auth-alert{
  margin-top:16px;
  padding:10px 12px;
  border-radius:10px;
  font-size:.9rem;
}
.jooble-auth-alert.is-error{
  border:1px solid rgba(255,122,122,.28);
  background:rgba(255,122,122,.10);
  color:#ffb4b4;
}
.jooble-auth-alert.is-success{
  border:1px solid rgba(77,213,154,.28);
  background:rgba(77,213,154,.10);
  color:#8ff0c0;
}
.jooble-auth-alert.is-info{
  border:1px solid rgba(91,163,255,.22);
  background:rgba(91,163,255,.10);
  color:#b8d7ff;
}
[data-theme="light"] .jooble-auth-alert.is-error{
  color:#872f2f;
}
[data-theme="light"] .jooble-auth-alert.is-info{
  color:#23548d;
}
[data-theme="light"] .jooble-auth-alert.is-success{
  color:#176843;
}
[data-theme="light"] .jooble-auth-otp-timer{
  color:#1f7a5b;
}
[data-theme="light"] .jooble-auth-otp-timer.is-expired{
  color:#9f2f2f;
}
[data-theme="light"] .jooble-auth-link{
  color:#d55a16;
}
[data-theme="light"] .jooble-auth-link:hover{
  color:#ef742f;
}
@media (max-width:980px){
  .jooble-auth-inner{
    padding:18px 16px 32px;
  }
  .jooble-auth-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .jooble-auth-stage .jooble-auth-switch-btn{
    font-size:.94rem;
  }
}
.jobs-clone .js-list{
  display:flex;
  flex-direction:column;
  position:relative;
  background:#18212a;
  border-right:1px solid rgba(255,255,255,.05);
}
.jobs-clone .js-list::after{
  content:"";
  position:absolute;
  top:86px;
  right:0;
  width:2px;
  height:72px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,107,29,0), rgba(255,107,29,.9), rgba(255,107,29,0));
}
.jobs-clone .jobs-searchbar{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
  padding:12px 14px 10px;
}
.jobs-clone .jobs-searchbar-item{
  min-height:40px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.06);
  background:#12181f;
}
.jobs-clone .jobs-searchbar-item i{
  font-size:.78rem;
}
.jobs-clone .jobs-searchbar-item input{
  font-size:.84rem;
  color:#f8fbff;
  background:transparent;
}
.jobs-clone .jobs-searchbar-item input::placeholder{
  color:#5f6d80;
}
.jobs-clone .job-list-scroll{
  padding:0 14px 12px;
}
.jobs-clone .jobs-clone-section{
  padding:10px 2px 8px;
  color:#ff9b4d;
  font-size:.72rem;
}
.jobs-inline-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
  margin:8px 0 10px;
  padding:0 14px;
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(255,103,41,1), rgba(255,149,77,1)),
    linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,0));
  color:#1d1d1d;
}
.jobs-inline-banner-copy{
  display:grid;
  gap:2px;
}
.jobs-inline-banner-copy strong{
  font-size:.95rem;
  font-weight:800;
}
.jobs-inline-banner-copy span{
  font-size:.74rem;
  font-weight:700;
  opacity:.9;
}
.jobs-inline-banner-badge{
  min-width:54px;
  min-height:24px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(0,0,0,.14);
  font-size:.72rem;
  font-weight:800;
}
.jobs-clone .job-item{
  position:relative;
  cursor:pointer;
  min-height:64px;
  margin-bottom:8px;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.06);
  background:#1f2832;
  box-shadow:none;
}
.jobs-clone .job-item:hover{
  transform:none;
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
.jobs-clone .job-item.is-selected{
  border-color:rgba(255,107,29,.8);
  background:linear-gradient(90deg, rgba(255,107,29,.12), rgba(31,40,50,.98));
  box-shadow:inset -2px 0 0 var(--brand);
}
.jobs-clone .job-item.is-selected .job-title{
  color:#fff;
}
.jobs-clone .job-item.is-selected .jobs-card-stats,
.jobs-clone .job-item.is-selected .job-sub{
  color:#d3dae5;
}
.jobs-clone .job-item.premium{
  --jobs-premium-delay:0s;
  --jobs-premium-border:rgba(255,195,125,.24);
  --jobs-premium-border-strong:rgba(255,223,182,.42);
  --jobs-premium-surface-a:rgba(255,176,98,.18);
  --jobs-premium-surface-b:rgba(255,118,42,.12);
  --jobs-premium-panel:#1f2832;
  --jobs-premium-hotspot:rgba(255,157,84,.18);
  --jobs-premium-hotspot-soft:rgba(255,129,48,.08);
  --jobs-premium-flow-a:rgba(255,240,207,.10);
  --jobs-premium-flow-b:rgba(255,176,86,.10);
  --jobs-premium-rim:rgba(255,229,188,.08);
  --jobs-premium-shadow:0 14px 26px rgba(255,120,34,.14);
  --jobs-premium-shadow-hover:0 18px 34px rgba(255,120,34,.18);
  --jobs-premium-shadow-selected:0 20px 40px rgba(255,120,34,.22);
  --jobs-premium-sub:#e4c39f;
  --jobs-premium-meta:#d9c2a2;
  --jobs-premium-meta-selected:#f0dbc0;
  --jobs-premium-badge-bg:rgba(255,177,79,.14);
  --jobs-premium-badge-border:rgba(255,214,149,.14);
  --jobs-premium-badge-text:#ffd299;
  --jobs-premium-icon:#ffd46d;
  --jobs-premium-logo-border:rgba(255,208,124,.22);
  --jobs-premium-logo-shadow:0 8px 18px rgba(255,120,34,.12);
  --jobs-premium-divider:rgba(255,208,134,.18);
  --jobs-premium-sheen-1:rgba(255,236,193,0);
  --jobs-premium-sheen-2:rgba(255,243,214,.10);
  --jobs-premium-sheen-3:rgba(255,193,112,.26);
  --jobs-premium-sheen-4:rgba(255,244,221,.14);
  isolation:isolate;
  overflow:hidden;
  border-color:var(--jobs-premium-border);
  background:
    linear-gradient(145deg, var(--jobs-premium-surface-a), transparent 36%),
    linear-gradient(90deg, var(--jobs-premium-surface-b), var(--jobs-premium-panel) 22%, var(--jobs-premium-panel));
  box-shadow:
    var(--jobs-premium-shadow),
    inset 0 0 0 1px var(--jobs-premium-rim);
}
.jobs-clone .job-item.premium:nth-child(2n){
  --jobs-premium-delay:-1.9s;
}
.jobs-clone .job-item.premium:nth-child(3n){
  --jobs-premium-delay:-3.6s;
}
.jobs-clone .job-item.premium::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(
    112deg,
    var(--jobs-premium-sheen-1) 0%,
    var(--jobs-premium-sheen-1) 34%,
    var(--jobs-premium-sheen-2) 44%,
    var(--jobs-premium-sheen-3) 49%,
    var(--jobs-premium-sheen-4) 54%,
    var(--jobs-premium-sheen-1) 66%,
    var(--jobs-premium-sheen-1) 100%
  );
  transform:translateX(-135%);
  opacity:0;
  animation:jobs-premium-sheen 5.4s cubic-bezier(.22,1,.36,1) infinite;
  animation-delay:var(--jobs-premium-delay);
  z-index:0;
  pointer-events:none;
  will-change:transform,opacity;
}
.jobs-clone .job-item.premium::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:7px;
  background:
    linear-gradient(90deg, transparent, transparent),
    radial-gradient(circle at 100% 0%, var(--jobs-premium-hotspot), transparent 34%),
    radial-gradient(circle at 0% 100%, var(--jobs-premium-hotspot-soft), transparent 30%),
    linear-gradient(118deg, transparent 18%, var(--jobs-premium-flow-a) 42%, var(--jobs-premium-flow-b) 52%, transparent 74%);
  background-size:100% 100%, 100% 100%, 100% 100%, 180% 180%;
  background-position:0 0, 100% 0, 0 100%, -120% 52%;
  animation:jobs-premium-aurora 6.2s ease-in-out infinite;
  animation-delay:calc(var(--jobs-premium-delay) - .6s);
  z-index:0;
  pointer-events:none;
  will-change:background-position,opacity;
}
.jobs-clone .job-item.premium > *{
  position:relative;
  z-index:1;
}
.jobs-clone .job-item.premium:hover{
  border-color:var(--jobs-premium-border-strong);
  box-shadow:
    var(--jobs-premium-shadow-hover),
    inset 0 0 0 1px var(--jobs-premium-rim);
}
.jobs-clone .job-item.premium.is-selected{
  border-color:rgba(255,107,29,.46);
  box-shadow:
    var(--jobs-premium-shadow-selected),
    inset -2px 0 0 var(--brand),
    inset 0 0 0 1px var(--jobs-premium-rim);
}
.jobs-clone .job-item.premium.is-selected::after{
  background:
    linear-gradient(90deg, rgba(255,107,29,.10), transparent 38%),
    radial-gradient(circle at 100% 0%, var(--jobs-premium-hotspot), transparent 34%),
    radial-gradient(circle at 0% 100%, var(--jobs-premium-hotspot-soft), transparent 30%),
    linear-gradient(118deg, transparent 18%, var(--jobs-premium-flow-a) 42%, var(--jobs-premium-flow-b) 52%, transparent 74%);
}
.jobs-clone .job-left{
  gap:10px;
  align-items:center;
}
.jobs-clone .job-item.premium .job-left{
  align-items:flex-start;
}
.jobs-list-logo{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.06);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.jobs-logo-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.jobs-logo-letter{
  color:#162235;
  font-size:.9rem;
  font-weight:800;
}
.jobs-list-copy{
  min-width:0;
}
.jobs-clone .job-title{
  color:#f8fbff;
  font-size:.78rem;
  font-weight:800;
  line-height:1.24;
}
.jobs-clone .job-sub{
  margin-top:2px;
  font-size:.72rem;
  line-height:1.25;
  color:#a0adbd;
}
.jobs-clone .job-item.premium .job-sub{
  color:var(--jobs-premium-sub);
}
.jobs-card-stats{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  color:#8e99a8;
  font-size:.68rem;
  white-space:nowrap;
}
.jobs-card-stats span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.jobs-card-premium-flag{
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid var(--jobs-premium-badge-border, rgba(255,214,149,.14));
  background:var(--jobs-premium-badge-bg, rgba(255,172,67,.14));
  color:var(--jobs-premium-badge-text, #ffcb8b);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.jobs-card-premium-flag i{
  color:var(--jobs-premium-icon, #ffd36d);
  font-size:.62rem;
}
.jobs-card-stats i{
  color:var(--brand);
  font-size:.7rem;
}
.jobs-clone .job-item.premium .jobs-card-stats{
  color:var(--jobs-premium-meta);
}
.jobs-clone .job-item.premium .jobs-card-divider{
  color:var(--jobs-premium-divider);
}
.jobs-clone .job-item.premium.is-selected .job-sub,
.jobs-clone .job-item.premium.is-selected .jobs-card-stats{
  color:var(--jobs-premium-meta-selected);
}
.jobs-card-divider{
  color:#596476;
}
.jobs-clone .job-right{
  min-width:auto;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.jobs-clone .job-item.premium .jobs-list-logo{
  border-color:var(--jobs-premium-logo-border);
  box-shadow:var(--jobs-premium-logo-shadow);
}
.jobs-list-kind{
  display:none !important;
}
.job-save-btn{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-left:1px solid rgba(255,255,255,.12);
  border-radius:0;
  padding:0 0 0 10px;
  background:transparent;
  color:#8e99a8;
}
.job-save-btn.is-saved{
  color:var(--brand);
  border-left-color:rgba(255,107,29,.28);
}
.jobs-clone .job-item.premium .job-save-btn{
  border-left-color:var(--jobs-premium-divider);
}
.jobs-clone .js-detail{
  background:#141a20;
  overflow:auto;
}
.jobs-detail-panel{
  min-height:100%;
}
.jobs-detail-surface{
  padding:18px 18px 22px;
}
.jobs-empty-state{
  min-height:100%;
  padding:56px 70px 60px;
  display:grid;
  align-content:start;
  background:
    radial-gradient(560px 320px at 20% 86%, rgba(255,107,29,.08), transparent 60%),
    linear-gradient(180deg, #151c23, #131a21);
}
.jobs-empty-state h1,
.jobs-empty-state h2{
  margin:0 0 18px;
  color:#f4f7fb;
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:-.03em;
}
.jobs-empty-state h3{
  margin:0 0 18px;
  color:#ffffff;
  font-size:.98rem;
  font-weight:800;
  line-height:1.45;
}
.jobs-empty-state p{
  max-width:820px;
  margin:0 0 22px;
  color:#a4b0c0;
  font-size:.95rem;
  line-height:1.75;
}
.jobs-empty-state ul{
  margin:0 0 20px;
  padding-left:20px;
  color:#a4b0c0;
}
.jobs-empty-state li{
  margin-bottom:10px;
  line-height:1.7;
}
.jobs-empty-state li::marker{
  color:var(--brand);
}
.jobs-empty-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:36px;
  margin:20px 0 18px;
}
.jobs-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.jobs-detail-brand{
  display:flex;
  gap:14px;
  min-width:0;
}
.jobs-detail-logo{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:12px;
  border:1px solid rgba(255,107,29,.32);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.jobs-detail-copy-head{
  min-width:0;
}
.jobs-company-name{
  color:#a8b3c3;
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.jobs-detail-title{
  margin:4px 0 10px;
  color:#fff;
  font-size:1.85rem;
  line-height:1.12;
  letter-spacing:-.04em;
}
.jobs-detail-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,107,29,.14);
  color:#ff8f45;
  font-size:.72rem;
  font-weight:800;
}
.jobs-date-pill{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(255,107,29,.24);
  color:#ff9b4d;
  font-size:.74rem;
  font-weight:800;
}
.jobs-detail-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.jobs-action-btn{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:8px;
  border:1px solid rgba(255,107,29,.24);
  background:transparent;
  color:#ff9b4d;
  font-size:.74rem;
  font-weight:800;
}
.jobs-action-btn.is-active,
.jobs-action-btn:hover{
  background:rgba(255,107,29,.10);
}
.jobs-action-btn.is-saved{
  background:rgba(255,107,29,.10);
  box-shadow:inset 0 0 0 1px rgba(255,107,29,.18);
}
.jobs-detail-meta{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px,1fr));
  gap:10px;
  margin:18px 0 16px;
}
.jobs-meta-box{
  min-height:40px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:8px;
  background:#1b232c;
  color:#c8d1de;
  font-size:.8rem;
  font-weight:700;
}
.jobs-meta-box i{
  color:var(--brand);
}
.jobs-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 0 12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.jobs-section-head-secondary{
  margin-top:14px;
}
.jobs-section-title{
  position:relative;
  padding-left:14px;
  color:#fff;
  font-size:1.05rem;
  font-weight:800;
}
.jobs-section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:18px;
  margin-top:-9px;
  border-radius:999px;
  background:var(--brand);
}
.jobs-apply-btn,
.jobs-apply-bottom{
  min-width:118px;
  min-height:36px;
  border-radius:8px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:800;
  line-height:1.1;
  text-align:center;
}
.jobs-detail-copy{
  color:#e6ebf3;
}
.richtext-content{
  color:var(--text);
}
.richtext-content > *:first-child{
  margin-top:0;
}
.richtext-content > *:last-child{
  margin-bottom:0;
}
.richtext-content h1,
.richtext-content h2,
.richtext-content h3,
.richtext-content h4,
.richtext-content h5,
.richtext-content h6{
  margin:18px 0 10px;
  color:#fff;
  line-height:1.35;
  font-weight:800;
}
.richtext-content h1{
  font-size:1.5rem;
}
.richtext-content h2{
  font-size:1.32rem;
}
.richtext-content h3{
  font-size:1.15rem;
}
.richtext-content h4,
.richtext-content h5,
.richtext-content h6{
  font-size:1rem;
}
.richtext-content p{
  margin:0 0 12px;
  line-height:1.8;
  font-size:.95rem;
}
.richtext-content ul,
.richtext-content ol{
  margin:0 0 12px;
  padding-left:22px;
}
.richtext-content li{
  margin-bottom:9px;
  line-height:1.8;
}
.richtext-content li::marker{
  color:var(--brand);
}
.richtext-content a{
  color:var(--brand-strong);
}
.richtext-content blockquote{
  margin:0 0 16px;
  padding:14px 16px;
  border-left:3px solid var(--brand);
  border-radius:0 14px 14px 0;
  background:rgba(255,255,255,.04);
}
.richtext-content hr{
  margin:18px 0;
  border:0;
  border-top:1px solid var(--line);
}
.richtext-content table{
  width:100%;
  margin:0 0 16px;
  border-collapse:collapse;
}
.richtext-content th,
.richtext-content td{
  padding:10px 12px;
  border:1px solid var(--line);
  vertical-align:top;
}
.richtext-content figure{
  margin:0 0 16px;
}
.richtext-content img,
.richtext-content video,
.richtext-content iframe{
  display:block;
  max-width:100%;
  border-radius:16px;
}
.jobs-contact-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.jobs-contact-card{
  min-height:64px;
  padding:12px 14px;
  border-radius:8px;
  background:#1b232c;
  border:1px solid rgba(255,255,255,.06);
  display:grid;
  gap:6px;
}
.jobs-contact-card span{
  color:#8e99a8;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.jobs-contact-card strong,
.jobs-contact-card a{
  color:#f5f7fb;
  font-size:.86rem;
  text-decoration:none;
  word-break:break-word;
}
.jobs-related-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.jobs-related-card{
  padding:12px;
  display:grid;
  gap:10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.06);
  background:#1b232c;
  color:inherit;
  text-align:left;
}
.jobs-related-logo{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.jobs-related-copy{
  display:grid;
  gap:4px;
}
.jobs-related-copy strong{
  color:#fff;
  font-size:.8rem;
  line-height:1.35;
}
.jobs-related-copy span{
  color:#8e99a8;
  font-size:.72rem;
}
.jobs-related-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:4px;
  color:#7f8b9b;
  font-size:.68rem;
}
.jobs-apply-bottom{
  margin-top:16px;
  margin-left:auto;
}
[data-theme="light"] .jobs-clone .js-sidebar{
  background:linear-gradient(180deg, #ffffff, #f6f8fb);
  border-right:1px solid rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .brand-row{
  background:linear-gradient(180deg, #ffffff, #f7f9fb);
  border-bottom-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .brand-wordmark{
  color:#151b22;
}
[data-theme="light"] .jobs-clone .lang-mini a,
[data-theme="light"] .jobs-clone .theme-toggle,
[data-theme="light"] .jobs-clone .sidebar-stat{
  background:#f6f8fb;
  border-color:rgba(15,23,42,.08);
  color:#5e6a7c;
}
[data-theme="light"] .jobs-clone .sidebar-social,
[data-theme="light"] .jobs-clone .sidebar-theme-box,
[data-theme="light"] .jobs-clone .sidebar-language-picker summary,
[data-theme="light"] .jobs-clone .sidebar-language-menu,
[data-theme="light"] .jobs-clone .sidebar-foot-links a{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
  color:#506073;
}
[data-theme="light"] .jobs-clone .sidebar-theme-box .theme-toggle{
  background:#f3f6fa;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .sidebar-language-badge{
  color:#17202a;
}
[data-theme="light"] .jobs-clone .sidebar-pref-label{
  color:#172638;
}
[data-theme="light"] .jobs-clone .sidebar-language-menu a{
  color:#55657a;
  background:#f3f6fa;
}
[data-theme="light"] .jobs-clone .sidebar-language-menu a.active{
  color:#17202a;
  background:rgba(235,86,11,.12);
}
[data-theme="light"] .jobs-clone .menu a,
[data-theme="light"] .jobs-clone .sidebar-actions a{
  color:#425064;
}
[data-theme="light"] .jobs-clone .menu a:hover,
[data-theme="light"] .jobs-clone .sidebar-actions a:hover{
  background:rgba(15,23,42,.03);
}
[data-theme="light"] .jobs-clone .menu a.active,
[data-theme="light"] .jobs-clone .sidebar-actions a.active{
  color:#fff;
  background:linear-gradient(90deg, #ff6b1d 0%, #e36423 48%, #4773aa 100%);
}
[data-theme="light"] .jobs-clone .menu a.active i,
[data-theme="light"] .jobs-clone .sidebar-actions a.active i{
  color:#fff;
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.12);
}
[data-theme="light"] .jobs-clone .sidebar-stat strong{
  color:#111827;
}
[data-theme="light"] .jobs-clone .sidebar-meta{
  color:#6f7d8f;
}
[data-theme="light"] .jobs-clone .sidebar-meta div:first-child{
  color:#18202a;
}
[data-theme="light"] .jobs-clone .sidebar-foot-links a{
  color:#d25b19;
}
[data-theme="light"] .jobs-clone .js-list{
  background:#f3f6fa;
  border-right:1px solid rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .jobs-searchbar-item{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .jobs-searchbar-item input{
  color:#18202a;
}
[data-theme="light"] .jobs-clone .jobs-searchbar-item input::placeholder{
  color:#7d8797;
}
[data-theme="light"] .jobs-clone .job-item{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .job-item.is-selected{
  background:linear-gradient(90deg, rgba(235,86,11,.12), rgba(255,255,255,.98));
}
[data-theme="light"] .jobs-clone .job-item.premium{
  --jobs-premium-border:rgba(235,86,11,.22);
  --jobs-premium-border-strong:rgba(235,86,11,.32);
  --jobs-premium-surface-a:rgba(255,196,128,.36);
  --jobs-premium-surface-b:rgba(235,86,11,.16);
  --jobs-premium-panel:#fff8f1;
  --jobs-premium-hotspot:rgba(255,159,87,.22);
  --jobs-premium-hotspot-soft:rgba(255,141,70,.12);
  --jobs-premium-flow-a:rgba(255,255,255,.92);
  --jobs-premium-flow-b:rgba(255,182,100,.22);
  --jobs-premium-rim:rgba(255,250,244,.96);
  --jobs-premium-shadow:0 16px 30px rgba(235,86,11,.14);
  --jobs-premium-shadow-hover:0 20px 36px rgba(235,86,11,.18);
  --jobs-premium-shadow-selected:0 22px 40px rgba(235,86,11,.20);
  --jobs-premium-sub:#8a5c33;
  --jobs-premium-meta:#805f42;
  --jobs-premium-meta-selected:#6d451d;
  --jobs-premium-badge-bg:rgba(255,172,67,.24);
  --jobs-premium-badge-border:rgba(235,86,11,.16);
  --jobs-premium-badge-text:#9f4a00;
  --jobs-premium-icon:#c86d00;
  --jobs-premium-logo-border:rgba(235,86,11,.18);
  --jobs-premium-logo-shadow:0 10px 22px rgba(235,86,11,.12);
  --jobs-premium-divider:rgba(235,86,11,.18);
  --jobs-premium-sheen-2:rgba(255,248,236,.72);
  --jobs-premium-sheen-3:rgba(255,176,94,.28);
  --jobs-premium-sheen-4:rgba(255,255,255,.46);
}
[data-theme="light"] .jobs-clone .job-item.premium::after{
  background:
    linear-gradient(90deg, rgba(255,174,96,.15), rgba(255,255,255,0) 48%),
    radial-gradient(circle at 100% 0%, var(--jobs-premium-hotspot), transparent 34%),
    radial-gradient(circle at 0% 100%, var(--jobs-premium-hotspot-soft), transparent 30%),
    linear-gradient(118deg, transparent 18%, var(--jobs-premium-flow-a) 42%, var(--jobs-premium-flow-b) 52%, transparent 74%);
}
[data-theme="light"] .jobs-clone .job-item.premium.is-selected::after{
  background:
    linear-gradient(90deg, rgba(235,86,11,.16), rgba(255,224,194,.14) 34%, transparent 62%),
    radial-gradient(circle at 100% 0%, var(--jobs-premium-hotspot), transparent 34%),
    radial-gradient(circle at 0% 100%, var(--jobs-premium-hotspot-soft), transparent 30%),
    linear-gradient(118deg, transparent 18%, var(--jobs-premium-flow-a) 42%, var(--jobs-premium-flow-b) 52%, transparent 74%);
}
[data-theme="light"] .jobs-clone .job-item.is-selected .jobs-card-stats,
[data-theme="light"] .jobs-clone .job-item.is-selected .job-sub{
  color:#4f5d71;
}
[data-theme="light"] .jobs-list-logo,
[data-theme="light"] .jobs-detail-logo,
[data-theme="light"] .jobs-related-logo{
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .job-title,
[data-theme="light"] .jobs-detail-title,
[data-theme="light"] .jobs-section-title,
[data-theme="light"] .jobs-contact-card strong,
[data-theme="light"] .jobs-contact-card a,
[data-theme="light"] .jobs-related-copy strong{
  color:#18202a;
}
[data-theme="light"] .jobs-card-premium-flag{
  background:var(--jobs-premium-badge-bg, rgba(255,172,67,.12));
  color:var(--jobs-premium-badge-text, #985004);
  border-color:var(--jobs-premium-badge-border, rgba(235,86,11,.10));
}
[data-theme="light"] .jobs-card-premium-flag i{
  color:var(--jobs-premium-icon, #c86d00);
}
[data-theme="light"] .jobs-clone .job-sub,
[data-theme="light"] .jobs-card-stats,
[data-theme="light"] .jobs-company-name,
[data-theme="light"] .jobs-meta-box,
[data-theme="light"] .jobs-detail-copy,
[data-theme="light"] .jobs-contact-card span,
[data-theme="light"] .jobs-related-copy span,
[data-theme="light"] .jobs-related-meta{
  color:#6a7688;
}
[data-theme="light"] .jobs-clone .job-right .job-save-btn,
[data-theme="light"] .jobs-list-kind,
[data-theme="light"] .jobs-meta-box,
[data-theme="light"] .jobs-contact-card,
[data-theme="light"] .jobs-related-card,
[data-theme="light"] .jobs-clone .js-detail{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jobs-clone .job-right .job-save-btn{
  background:transparent;
}
[data-theme="light"] .jobs-clone .job-item.premium .job-sub,
[data-theme="light"] .jobs-clone .job-item.premium .jobs-card-stats{
  color:var(--jobs-premium-meta);
}
[data-theme="light"] .jobs-clone .job-item.premium .job-sub{
  color:var(--jobs-premium-sub);
}
[data-theme="light"] .jobs-clone .job-item.premium.is-selected .job-sub,
[data-theme="light"] .jobs-clone .job-item.premium.is-selected .jobs-card-stats{
  color:var(--jobs-premium-meta-selected);
}
[data-theme="light"] .jobs-clone .job-item.premium .jobs-list-logo{
  border-color:var(--jobs-premium-logo-border);
  box-shadow:var(--jobs-premium-logo-shadow);
}
[data-theme="light"] .jobs-detail-surface{
  background:#f8fafc;
}
[data-theme="light"] .jobs-empty-state{
  background:
    radial-gradient(520px 280px at 20% 86%, rgba(235,86,11,.06), transparent 60%),
    linear-gradient(180deg, #f8fafc, #f2f5f9);
}
[data-theme="light"] .jobs-empty-state h1,
[data-theme="light"] .jobs-empty-state h2,
[data-theme="light"] .jobs-empty-state h3{
  color:#18202a;
}
[data-theme="light"] .jobs-empty-state p{
  color:#5f6d80;
}
[data-theme="light"] .jobs-empty-state ul{
  color:#5f6d80;
}
[data-theme="light"] .jobs-action-btn{
  color:var(--brand);
}
[data-theme="light"] .jobs-date-pill{
  color:var(--brand);
  border-color:rgba(235,86,11,.18);
}
[data-theme="light"] .jobs-action-btn.is-saved{
  background:rgba(235,86,11,.08);
}
[data-theme="light"] .richtext-content h1,
[data-theme="light"] .richtext-content h2,
[data-theme="light"] .richtext-content h3,
[data-theme="light"] .richtext-content h4,
[data-theme="light"] .richtext-content h5,
[data-theme="light"] .richtext-content h6{
  color:#18202a;
}

@keyframes jobs-premium-sheen{
  0%,
  10%{
    transform:translateX(-135%);
    opacity:0;
  }
  18%{
    opacity:.92;
  }
  32%{
    transform:translateX(135%);
    opacity:.7;
  }
  40%{
    transform:translateX(135%);
    opacity:0;
  }
  48%{
    transform:translateX(-118%);
    opacity:0;
  }
  58%{
    opacity:.62;
  }
  70%{
    transform:translateX(118%);
    opacity:.46;
  }
  100%{
    transform:translateX(118%);
    opacity:0;
  }
}

@keyframes jobs-premium-aurora{
  0%,
  100%{
    background-position:0 0, 100% 0, 0 100%, -120% 52%;
    opacity:.72;
  }
  35%{
    background-position:0 0, 86% 10%, 12% 92%, 24% 48%;
    opacity:.94;
  }
  68%{
    background-position:0 0, 98% 4%, 4% 100%, 118% 54%;
    opacity:.82;
  }
}

@media (prefers-reduced-motion: reduce){
  .jobs-clone .job-item.premium::before,
  .jobs-clone .job-item.premium::after{
    animation:none;
  }
}

.categories-clone .categories-searchbar{
  grid-template-columns:minmax(0,1fr) 140px;
}
.categories-count{
  min-height:40px;
  padding:0 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.06);
  background:#12181f;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.categories-count span{
  color:#8e99a8;
  font-size:.74rem;
  font-weight:800;
}
.categories-count strong{
  color:#f5f7fb;
  font-size:.92rem;
  font-weight:800;
}
.categories-clone .category-item{
  width:100%;
  text-align:left;
}
.category-icon-box{
  color:#fff;
  background:linear-gradient(135deg, rgba(255,103,41,.92), rgba(93,112,172,.72));
}
.category-icon-box i{
  font-size:.88rem;
}
.category-subline{
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.category-item-right{
  min-width:88px;
  gap:12px;
  flex-direction:row;
  align-items:center;
}
.categories-count-pill{
  min-width:32px;
  min-height:24px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#161d25;
  color:#f2f6fb;
  font-size:.72rem;
  font-weight:800;
}
.category-trend-icon{
  color:var(--brand);
  font-size:.78rem;
}
.industries-clone .industry-item{
  width:100%;
  text-align:left;
}
.industry-icon-box{
  color:#dfffea;
  background:linear-gradient(135deg, rgba(21,160,72,.95), rgba(9,97,43,.88));
  box-shadow:0 10px 22px rgba(18,143,66,.18);
}
.industry-company-line{
  color:#b8c3d2;
}
.industry-item-right{
  min-width:120px;
  justify-content:flex-end;
}
.industry-jobs-label{
  color:#aeb8c6;
  font-size:.78rem;
  font-weight:700;
  white-space:nowrap;
}
.industries-clone .industry-item.is-selected .industry-jobs-label,
.industries-clone .industry-item.is-selected .industry-company-line{
  color:#edf2fa;
}
.industry-detail-stats{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
.categories-empty-state,
.categories-detail-panel{
  min-height:100%;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:left;
}
.categories-empty-state{
  padding:64px 88px;
}
.categories-empty-icon,
.categories-detail-icon{
  width:64px;
  height:64px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(255,103,41,.92), rgba(93,112,172,.72));
  color:#fff;
  font-size:1.4rem;
  box-shadow:0 20px 40px rgba(255,107,29,.18);
}
.categories-empty-state h2{
  margin:18px 0 16px;
  color:#fff;
  font-size:1.15rem;
  font-weight:800;
  text-align:center;
}
.categories-empty-state p{
  max-width:680px;
  margin:0 0 14px;
  color:#a7b2c2;
  font-size:.98rem;
  line-height:1.85;
}
.categories-detail-panel{
  padding:42px 48px;
  align-content:start;
  justify-items:stretch;
}
.categories-detail-header{
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.categories-detail-copy{
  min-width:0;
}
.categories-detail-text{
  margin-top:24px;
}
.categories-detail-text p{
  margin:0 0 16px;
}
.categories-detail-cta{
  width:100%;
  margin-top:20px;
}
[data-theme="light"] .categories-count{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .categories-count strong{
  color:#18202a;
}
[data-theme="light"] .categories-count-pill{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#18202a;
}
[data-theme="light"] .categories-empty-state p{
  color:#5f6d80;
}
[data-theme="light"] .categories-empty-state h2{
  color:#18202a;
}

.companies-clone .companies-searchbar{
  grid-template-columns:minmax(0,1fr) 140px;
}
.companies-counter{
  min-height:40px;
  padding:0 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.06);
  background:#12181f;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.companies-counter span{
  color:#8e99a8;
  font-size:.74rem;
  font-weight:800;
}
.companies-counter strong{
  color:#f5f7fb;
  font-size:.92rem;
  font-weight:800;
}
.companies-clone .company-card{
  width:100%;
  text-align:left;
}
.company-card-head{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  max-width:100%;
}
.companies-clone .company-card .badge-verified{
  width:15px;
  height:15px;
  font-size:.46rem;
  box-shadow:none;
}
.company-card-verified{
  flex:0 0 auto;
  margin-top:0;
  transform:translateY(-1px);
}
.company-card-title{
  min-width:0;
  flex:0 1 auto;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.company-card-sub{
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.company-card-right{
  min-width:136px;
  gap:8px;
  align-items:flex-end;
}
.company-card-status,
.company-card-count{
  min-height:22px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:.66rem;
  font-weight:800;
}
.company-card-status{
  color:#cfd8e5;
  border:1px solid rgba(255,255,255,.08);
  background:#151d25;
}
.company-card-status.is-verified{
  color:#ffcb9b;
  border-color:rgba(255,107,29,.26);
  background:rgba(255,107,29,.12);
}
.company-card-count{
  color:#93a0b2;
  background:#151d25;
}
.companies-empty-state,
.companies-detail-panel{
  min-height:100%;
}
.companies-empty-state{
  padding:54px 56px;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
}
.companies-empty-icon{
  width:64px;
  height:64px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(255,103,41,.92), rgba(93,112,172,.72));
  color:#fff;
  font-size:1.35rem;
  box-shadow:0 20px 40px rgba(255,107,29,.18);
}
.companies-empty-state h2{
  margin:18px 0 14px;
  color:#fff;
  font-size:1.18rem;
  font-weight:800;
}
.companies-empty-state p{
  max-width:520px;
  margin:0;
  color:#a7b2c2;
  font-size:.98rem;
  line-height:1.8;
}
.companies-detail-panel{
  display:grid;
  align-content:start;
}
.companies-detail-head{
  margin-bottom:4px;
}
.companies-detail-logo{
  border-color:rgba(79,136,210,.32);
}
.companies-detail-about{
  min-height:140px;
}
.companies-detail-about p{
  margin:0 0 14px;
}
.companies-cta-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.companies-detail-cta{
  width:100%;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-weight:800;
}
.companies-detail-secondary{
  border:1px solid rgba(255,255,255,.08);
  color:#dbe3ee;
}

.public-detail-shell.jobs-clone{
  grid-template-columns:256px minmax(0,1fr);
}
.public-detail-shell .panel-main{
  min-height:0;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:#141a20;
  overflow:auto;
}
.public-detail-wrap{
  min-height:100%;
  padding:18px 22px 24px;
}
.public-detail-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.public-toolbar-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.public-detail-back{
  min-height:38px;
  border-radius:10px;
}
.public-detail-grid{
  padding-bottom:20px;
}
.public-detail-card{
  background:linear-gradient(180deg, #171e26, #12181f);
  border-color:rgba(255,255,255,.06);
}
.public-detail-cover{
  margin-bottom:20px;
}
.public-detail-hero{
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.public-detail-logo{
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:20px;
  border:1px solid rgba(255,107,29,.26);
  background:#fff;
  color:#1a2535;
  font-size:1.4rem;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.public-detail-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.public-detail-copy{
  min-width:0;
}
.public-detail-summary{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin:18px 0 20px;
}
.public-detail-stat{
  min-height:76px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:#1a222c;
  display:grid;
  gap:6px;
}
.public-detail-stat span{
  color:#8996a7;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.public-detail-stat strong{
  color:#f5f8fc;
  font-size:1rem;
  line-height:1.4;
}
.public-inline-cta{
  min-height:38px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.1;
  text-align:center;
}
.public-richtext{
  font-size:.96rem;
}
.public-richtext p:last-child{
  margin-bottom:0;
}
.public-company-jobs{
  gap:10px;
}
.public-mini-card{
  background:#182029;
  border-color:rgba(255,255,255,.06);
  box-shadow:none;
}
.public-mini-card:hover{
  transform:none;
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
}
.public-mini-card-right{
  min-width:132px;
}
.public-detail-side-card{
  background:#171f28;
}
.public-side-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.public-side-actions .btn,
.jobs-action-btn,
.jobs-date-pill{
  line-height:1.1;
}
.public-side-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.blog-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:12px;
  align-items:start;
}
.blog-main-card{
  min-width:0;
}
.blog-post-list{
  gap:12px;
}
.blog-list-card{
  display:grid;
  gap:8px;
}
.blog-list-card .btn{
  justify-self:start;
  min-height:36px;
  border-radius:999px;
}
.blog-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  color:#8f9cac;
  font-size:.82rem;
  font-weight:700;
}
.blog-meta-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.blog-richtext{
  color:#dbe3ee;
  overflow-wrap:anywhere;
}
.blog-richtext img,
.blog-richtext iframe,
.blog-richtext video{
  max-width:100%;
  height:auto;
  border-radius:12px;
}
.blog-pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:18px;
}
.blog-pagination a,
.blog-pagination span{
  min-width:38px;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  background:#182029;
  color:#dbe3ee;
  text-decoration:none;
  font-weight:800;
  line-height:1.1;
}
.blog-pagination a.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--brand), var(--brand-strong));
}
.blog-pagination a.disabled{
  pointer-events:none;
  opacity:.45;
}
.blog-latest-list{
  display:grid;
  gap:8px;
}
.blog-latest-list a{
  display:block;
  padding:10px 0;
  color:#dbe3ee;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.blog-latest-list a:last-child{
  border-bottom:0;
}
.blog-latest-list a:hover{
  color:#fff;
}

[data-theme="light"] .companies-counter{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .companies-counter strong{
  color:#18202a;
}
[data-theme="light"] .company-card-status,
[data-theme="light"] .company-card-count{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .company-card-status{
  color:#4d5b6f;
}
[data-theme="light"] .company-card-count{
  color:#647184;
}
[data-theme="light"] .companies-empty-state h2{
  color:#18202a;
}
[data-theme="light"] .companies-empty-state p{
  color:#5f6d80;
}
[data-theme="light"] .public-detail-shell .panel-main{
  background:#f3f6fa;
}
[data-theme="light"] .public-detail-card,
[data-theme="light"] .public-detail-side-card,
[data-theme="light"] .public-mini-card,
[data-theme="light"] .public-detail-stat{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}
[data-theme="light"] .public-detail-logo{
  border-color:rgba(235,86,11,.18);
  box-shadow:0 18px 32px rgba(15,23,42,.08);
}
[data-theme="light"] .public-detail-stat span{
  color:#6b7789;
}
[data-theme="light"] .public-detail-stat strong{
  color:#18202a;
}
[data-theme="light"] .blog-richtext,
[data-theme="light"] .blog-latest-list a{
  color:#253244;
}
[data-theme="light"] .blog-pagination a,
[data-theme="light"] .blog-pagination span{
  background:#fff;
  color:#253244;
  border-color:rgba(15,23,42,.08);
}

@media (max-width:1320px){
  .public-detail-shell.jobs-clone{
    grid-template-columns:220px minmax(0,1fr);
  }
}
@media (max-width:1120px){
  .public-detail-shell.jobs-clone{
    grid-template-columns:200px minmax(0,1fr);
  }
  .blog-page-grid{
    grid-template-columns:1fr;
  }
  .public-detail-summary{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:1320px){
  .jobs-clone{
    grid-template-columns:220px minmax(440px, 520px) minmax(0,1fr);
  }
  .jobs-related-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:1120px){
  .jobs-clone{
    grid-template-columns:200px minmax(0,1fr);
  }
  .jobs-clone .js-detail{
    display:none;
  }
  .jobs-clone .js-list::after{
    display:none;
  }
}
@media (max-width:860px){
  body.jobs-shell-page .page,
  body:has(.jobs-clone) .page{
    padding:0;
  }
  .jobs-clone{
    grid-template-columns:1fr;
    height:auto;
  }
  .public-detail-shell.jobs-clone{
    grid-template-columns:1fr;
    height:auto;
  }
  .categories-clone .categories-searchbar{
    grid-template-columns:1fr;
  }
  .jobs-clone .js-sidebar{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .jobs-clone .jobs-searchbar{
    grid-template-columns:1fr;
  }
  .public-detail-wrap{
    padding:18px 16px 22px;
  }
}
@media (max-width:640px){
  .jobs-clone .job-item{
    min-height:auto;
  }
  .jobs-empty-state{
    padding:28px 20px 34px;
  }
  .categories-empty-state,
  .categories-detail-panel{
    padding:28px 20px 34px;
  }
  .companies-empty-state{
    padding:28px 20px 34px;
  }
  .jobs-empty-columns{
    grid-template-columns:1fr;
    gap:0;
  }
  .jobs-clone .job-right{
    width:100%;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
  }
  .jobs-contact-grid,
  .jobs-detail-meta,
  .jobs-related-grid{
    grid-template-columns:1fr;
  }
  .jobs-section-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .companies-clone .companies-searchbar,
  .companies-cta-row,
  .public-detail-summary{
    grid-template-columns:1fr;
  }
  .public-detail-toolbar{
    flex-direction:column;
    align-items:flex-start;
  }
  .public-toolbar-meta{
    width:100%;
  }
  .public-mini-card-right{
    min-width:0;
    width:100%;
  }
}

@keyframes border-rotate{
  from{
    transform:translate(-50%, -50%) rotate(0deg);
  }
  to{
    transform:translate(-50%, -50%) rotate(360deg);
  }
}

.jooble-shell-sidebar{
  padding:0;
  overflow:hidden;
  border:none;
  border-right:1px solid rgba(255,255,255,.06);
  border-radius:0;
  background:linear-gradient(180deg, #1b1819 0%, #141a20 14%, #10161d 100%);
  box-shadow:none;
}
.jooble-shell-sidebar .sidebar-shell{
  gap:0;
  height:100%;
  min-height:100%;
  overflow:hidden;
}
.jooble-shell-sidebar .brand-row{
  gap:0;
  padding:0;
  background:linear-gradient(90deg, rgba(32,23,23,.96), rgba(20,26,32,.92));
  border-bottom:1px solid rgba(255,255,255,.05);
}
.jooble-shell-sidebar .brand{
  min-height:78px;
  padding:10px 18px;
  align-items:center;
}
.jooble-shell-sidebar .brand-logo-img{
  display:block;
  width:min(172px, 100%);
  height:auto;
  max-width:100%;
}
.jooble-shell-sidebar .brand-wordmark,
.jooble-shell-sidebar .lang-row,
.jooble-shell-sidebar .menu-label,
.jooble-shell-sidebar .sidebar-tools{
  display:none;
}
.jooble-shell-sidebar .menu-group{
  flex:1;
  min-height:0;
  padding:12px 10px 0;
  gap:0;
  overflow:auto;
  scrollbar-width:none;
}
.jooble-shell-sidebar .menu-group::-webkit-scrollbar{
  width:0;
  height:0;
}
.jooble-shell-sidebar .sidebar-top-controls{
  display:grid;
  gap:10px;
  padding:12px 10px 10px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:linear-gradient(90deg, rgba(19,26,34,.94), rgba(16,23,30,.82));
}
.jooble-shell-sidebar .sidebar-top-controls.is-authenticated{
  gap:6px;
}
.jooble-shell-sidebar .menu,
.jooble-shell-sidebar .sidebar-actions{
  gap:6px;
}
.jooble-shell-sidebar .menu a,
.jooble-shell-sidebar .sidebar-actions a{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:39px;
  padding:6px 12px;
  border:none;
  border-radius:10px;
  background:transparent;
  color:#c9d1dc;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:none;
  transition:background-color .28s ease, color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.jooble-shell-sidebar .menu a.post-job-cta,
.jooble-shell-sidebar .sidebar-actions a.post-job-cta{
  min-height:44px;
  margin-bottom:8px;
  color:#fff;
  background:linear-gradient(100deg, #ff6b1d 0%, #ff7d32 46%, #4f7fb9 100%);
  box-shadow:0 16px 32px rgba(255,107,29,.28);
  isolation:isolate;
  overflow:hidden;
  animation:sidebar-post-float 3.8s ease-in-out infinite;
}
.jooble-shell-sidebar .menu a.post-job-cta::before,
.jooble-shell-sidebar .sidebar-actions a.post-job-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.22) 42%, transparent 66%);
  transform:translateX(-130%);
  animation:sidebar-post-sheen 3.2s ease-in-out infinite;
}
.jooble-shell-sidebar .menu a.post-job-cta::after,
.jooble-shell-sidebar .sidebar-actions a.post-job-cta::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.18);
  pointer-events:none;
}
.jooble-shell-sidebar .menu a.post-job-cta:hover,
.jooble-shell-sidebar .sidebar-actions a.post-job-cta:hover{
  transform:translateY(-1px);
  color:#fff;
  background:linear-gradient(100deg, #ff7a2c 0%, #ff8b42 46%, #5c8dcc 100%);
  box-shadow:0 18px 36px rgba(255,107,29,.34);
}
.jooble-shell-sidebar .menu a:hover,
.jooble-shell-sidebar .sidebar-actions a:hover{
  transform:none;
  color:#f4f7fb;
  background:linear-gradient(90deg, rgba(255,107,29,.14), rgba(65,102,154,.05) 72%, transparent);
}
.jooble-shell-sidebar .menu a.active,
.jooble-shell-sidebar .sidebar-actions a.active{
  color:#fff;
  background:linear-gradient(90deg, #ff6b1d 0%, #ef6420 50%, #4a73a8 100%);
  box-shadow:0 14px 28px rgba(255,107,29,.22);
}
.jooble-shell-sidebar .menu a i,
.jooble-shell-sidebar .sidebar-actions a i{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:12px;
  color:var(--brand);
  background:linear-gradient(180deg, rgba(255,107,29,.14), rgba(255,107,29,.08));
  border:1px solid rgba(255,107,29,.18);
  transition:all .28s ease;
}
.jooble-shell-sidebar .menu a span,
.jooble-shell-sidebar .sidebar-actions a span{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.jooble-shell-sidebar .sidebar-count-badge{
  margin-left:auto;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,107,29,.08);
  border:1px solid rgba(255,107,29,.34);
  color:#ff8a42;
  font-size:11px;
  font-weight:700;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.jooble-shell-sidebar .sidebar-count-badge.is-hidden{
  display:none;
}
.jooble-shell-sidebar .menu a.active .sidebar-count-badge,
.jooble-shell-sidebar .sidebar-actions a.active .sidebar-count-badge{
  background:rgba(16,20,28,.18);
  border-color:rgba(255,255,255,.22);
  color:#fff4ea;
}
.jooble-shell-sidebar .menu a.active i,
.jooble-shell-sidebar .sidebar-actions a.active i{
  color:#fff;
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.jooble-shell-sidebar .menu a.post-job-cta i,
.jooble-shell-sidebar .sidebar-actions a.post-job-cta i{
  color:#fff;
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.jooble-shell-sidebar .sidebar-pulse{
  width:7px;
  height:7px;
  margin-left:auto;
  border-radius:999px;
  background:#fffbff;
  box-shadow:0 0 0 3px rgba(255,255,255,.14);
  animation:sidebar-pulse-pop 1.7s ease-in-out infinite;
}
.jooble-shell-sidebar .menu a:not(.active) .sidebar-pulse,
.jooble-shell-sidebar .sidebar-actions a:not(.active) .sidebar-pulse{
  background:#ff7b24;
  box-shadow:0 0 0 3px rgba(255,107,29,.16);
}
.jooble-shell-sidebar .sidebar-foot{
  margin-top:auto;
  padding:12px 10px 10px;
  border-top:1px solid rgba(255,255,255,.05);
  background:linear-gradient(90deg, rgba(22,29,36,.96), rgba(18,24,31,.78));
}
.jooble-shell-sidebar .sidebar-stats{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}
.jooble-shell-sidebar .sidebar-stat{
  position:relative;
  min-height:56px;
  padding:0;
  overflow:hidden;
  border:none;
  border-radius:14px;
  background:transparent;
  isolation:isolate;
}
.jooble-shell-sidebar .sidebar-stat-rotor{
  position:absolute;
  top:50%;
  left:50%;
  width:160%;
  height:160%;
  transform:translate(-50%, -50%);
  animation:border-rotate 4s linear infinite;
}
.jooble-shell-sidebar .sidebar-stat-daily .sidebar-stat-rotor{
  background:conic-gradient(from 0deg, transparent 0deg, transparent 72deg, rgba(255,107,29,.96) 132deg, rgba(255,107,29,.65) 176deg, rgba(255,107,29,.14) 220deg, transparent 300deg, transparent 360deg);
}
.jooble-shell-sidebar .sidebar-stat-monthly .sidebar-stat-rotor{
  background:conic-gradient(from 0deg, transparent 0deg, transparent 72deg, rgba(62,112,182,.98) 132deg, rgba(62,112,182,.64) 176deg, rgba(62,112,182,.14) 220deg, transparent 300deg, transparent 360deg);
}
.jooble-shell-sidebar .sidebar-stat-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:52px;
  margin:2px;
  padding:9px 12px;
  border-radius:12px;
  background:#1a222c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.jooble-shell-sidebar .sidebar-stat-top{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:3px;
}
.jooble-shell-sidebar .sidebar-stat-top i{
  font-size:11px;
}
.jooble-shell-sidebar .sidebar-stat-daily .sidebar-stat-top i,
.jooble-shell-sidebar .sidebar-stat-daily strong{
  color:#ff7b24;
}
.jooble-shell-sidebar .sidebar-stat-monthly .sidebar-stat-top i,
.jooble-shell-sidebar .sidebar-stat-monthly strong{
  color:#2963ae;
}
.jooble-shell-sidebar .sidebar-stat-top span{
  display:block;
  color:#9aa6b7;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.jooble-shell-sidebar .sidebar-stat strong{
  display:block;
  margin:0;
  font-size:18px;
  line-height:1;
  font-weight:800;
}
.jooble-shell-sidebar .sidebar-socials{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.jooble-shell-sidebar .sidebar-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-height:32px;
  border-radius:10px;
  border:none;
  background:#1c242e;
  color:#aab6c7;
  text-decoration:none;
  transition:all .3s ease;
}
.jooble-shell-sidebar .sidebar-social i{
  font-size:14px;
}
.jooble-shell-sidebar .sidebar-social:nth-child(1){
  background:rgba(37,211,102,.12);
  color:#25d366;
}
.jooble-shell-sidebar .sidebar-social:nth-child(1):hover{
  background:#25d366;
  color:#fff;
}
.jooble-shell-sidebar .sidebar-social:nth-child(2){
  background:rgba(225,48,108,.12);
  color:#e1306c;
}
.jooble-shell-sidebar .sidebar-social:nth-child(2):hover{
  background:linear-gradient(135deg, #f09433, #bc1888, #cc2366);
  color:#fff;
}
.jooble-shell-sidebar .sidebar-social:nth-child(3){
  background:rgba(0,136,204,.12);
  color:#0088cc;
}
.jooble-shell-sidebar .sidebar-social:nth-child(3):hover{
  background:#0088cc;
  color:#fff;
}
.jooble-shell-sidebar .sidebar-social:nth-child(4){
  background:rgba(255,255,255,.10);
  color:#fff;
}
.jooble-shell-sidebar .sidebar-social:nth-child(4):hover{
  background:#fff;
  color:#111827;
}
.jooble-shell-sidebar .sidebar-social:nth-child(5){
  background:rgba(24,119,242,.12);
  color:#1877f2;
}
.jooble-shell-sidebar .sidebar-social:nth-child(5):hover{
  background:#1877f2;
  color:#fff;
}
.jooble-shell-sidebar .sidebar-preferences{
  display:flex !important;
  align-items:center;
  margin-bottom:0;
}
.jooble-shell-sidebar .sidebar-preferences > .sidebar-language-picker{
  display:none !important;
}
.jooble-shell-sidebar .sidebar-preferences > .sidebar-controls-box,
.jooble-shell-sidebar .sidebar-preferences > .sidebar-theme-box{
  width:100%;
}
.jooble-shell-sidebar .sidebar-language-picker{
  position:relative;
  flex:1 1 auto;
  min-width:0;
}
.jooble-shell-sidebar .sidebar-controls-box{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:48px;
  padding:4px;
  gap:6px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(27,35,45,.96), rgba(20,27,35,.96)),
    linear-gradient(135deg, rgba(255,107,29,.18), rgba(74,115,168,.12));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 24px rgba(0,0,0,.18);
}
.jooble-shell-sidebar .sidebar-language-picker summary{
  list-style:none;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:36px;
  padding:0 8px 0 4px;
  gap:6px;
  cursor:pointer;
  border-radius:11px;
  border:none;
  background:transparent;
  overflow:hidden;
}
.jooble-shell-sidebar .sidebar-language-picker summary::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  opacity:1;
}
.jooble-shell-sidebar .sidebar-language-picker summary::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(180deg, #18212b, #141b24);
}
.jooble-shell-sidebar .sidebar-language-picker summary::-webkit-details-marker{
  display:none;
}
.jooble-shell-sidebar .sidebar-language-current,
.jooble-shell-sidebar .sidebar-language-item-flag{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  overflow:hidden;
  position:relative;
  z-index:1;
  flex:0 0 30px;
  isolation:isolate;
}
.jooble-shell-sidebar .sidebar-language-current::before,
.jooble-shell-sidebar .sidebar-language-item-flag::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:146%;
  height:146%;
  transform:translate(-50%, -50%);
  border-radius:999px;
  background:conic-gradient(from 0deg, transparent 0deg, transparent 62deg, rgba(255,107,29,.98) 128deg, rgba(255,107,29,.72) 164deg, rgba(74,115,168,.46) 214deg, rgba(74,115,168,.12) 250deg, transparent 320deg, transparent 360deg);
  animation:border-rotate 3.4s linear infinite;
}
.jooble-shell-sidebar .sidebar-language-current::after,
.jooble-shell-sidebar .sidebar-language-item-flag::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:#18212b;
  z-index:0;
}
.jooble-shell-sidebar .sidebar-language-item-flag::before{
  opacity:.5;
}
.jooble-shell-sidebar .sidebar-language-current img,
.jooble-shell-sidebar .sidebar-language-item-flag img{
  width:calc(100% - 5px);
  height:calc(100% - 5px);
  object-fit:cover;
  border-radius:999px;
  position:relative;
  z-index:1;
}
.jooble-shell-sidebar .sidebar-language-menu a:hover .sidebar-language-item-flag::before,
.jooble-shell-sidebar .sidebar-language-menu a.active .sidebar-language-item-flag::before{
  opacity:1;
}
.jooble-shell-sidebar .sidebar-language-selection{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  min-width:0;
  flex:1;
}
.jooble-shell-sidebar .sidebar-language-selection-label{
  color:#8ea0b7;
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  line-height:1;
}
.jooble-shell-sidebar .sidebar-language-selection-value{
  color:#f4f7fb;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jooble-shell-sidebar .sidebar-language-chevron{
  position:relative;
  z-index:1;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  color:#95a6ba;
  font-size:9px;
  transition:transform .22s ease, color .22s ease;
}
.jooble-shell-sidebar .sidebar-language-picker[open] .sidebar-language-chevron{
  transform:rotate(180deg);
  color:#ffb16f;
}
.jooble-shell-sidebar .sidebar-language-menu{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  bottom:auto;
  z-index:10;
  display:grid;
  gap:4px;
  min-width:100%;
  padding:6px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#18212a;
  box-shadow:0 18px 34px rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px) scale(.96);
  transform-origin:top left;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.jooble-shell-sidebar .sidebar-language-menu a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:4px 8px 4px 5px;
  border-radius:10px;
  text-decoration:none;
  background:transparent;
  box-shadow:none;
  color:#dbe3ee;
  transition:background-color .2s ease, color .2s ease;
}
.jooble-shell-sidebar .sidebar-language-picker[open] .sidebar-language-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.jooble-shell-sidebar .sidebar-language-menu a:hover{
  background:rgba(61,102,160,.28);
  color:#f8fbff;
}
.jooble-shell-sidebar .sidebar-language-menu a.active{
  color:#ff7b24;
}
.jooble-shell-sidebar .sidebar-language-item-name{
  flex:1;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
.jooble-shell-sidebar .sidebar-language-item-check{
  opacity:0;
  color:#ffb16f;
  font-size:12px;
  transition:opacity .2s ease;
}
.jooble-shell-sidebar .sidebar-language-menu a.active .sidebar-language-item-check{
  opacity:1;
}
.jooble-shell-sidebar .sidebar-theme-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:40px;
  padding:4px 6px 4px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:#18212a;
  color:#eef2f7;
}
.jooble-shell-sidebar .sidebar-theme-box.sidebar-controls-box{
  min-height:48px;
  padding:4px;
}
.jooble-shell-sidebar .sidebar-pref-label{
  flex:1;
  color:#eef2f7;
  font-size:14px;
  font-weight:600;
}
.jooble-shell-sidebar .sidebar-controls-box .sidebar-pref-label,
.jooble-shell-sidebar .sidebar-theme-box .sidebar-pref-label{
  display:none;
}
.jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle{
  position:relative;
  width:36px;
  height:36px;
  flex:0 0 36px;
  padding:0;
  border:none;
  border-radius:999px;
  background:transparent;
  overflow:hidden;
  box-shadow:none;
}
.jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle:hover{
  transform:none;
  background:transparent;
}
.jooble-shell-sidebar .sidebar-theme-rotor{
  position:absolute;
  top:50%;
  left:50%;
  width:34px;
  height:34px;
  transform:translate(-50%, -50%);
  border-radius:999px;
  animation:border-rotate 4s linear infinite;
  background:conic-gradient(from 0deg, transparent 0deg, transparent 60deg, rgba(129,140,248,.95) 120deg, rgba(129,140,248,.78) 150deg, rgba(129,140,248,.38) 180deg, rgba(129,140,248,.10) 210deg, transparent 270deg, transparent 360deg);
}
.jooble-shell-sidebar .sidebar-theme-core{
  position:absolute;
  inset:4px;
  z-index:1;
  border-radius:999px;
  background:#18222d;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 12px rgba(0,0,0,.12);
}
.jooble-shell-sidebar .sidebar-theme-core::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), transparent);
}
.jooble-shell-sidebar .sidebar-theme-sheen{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.40), transparent);
  transform:translateX(-150%) skewX(-20deg);
  transition:transform .7s ease;
}
.jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle:hover .sidebar-theme-sheen{
  transform:translateX(150%) skewX(-20deg);
}
.jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle:hover .sidebar-theme-rotor{
  filter:brightness(1.08);
}
.jooble-shell-sidebar .sidebar-theme-icon{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .5s ease, transform .5s ease;
}
.jooble-shell-sidebar .sidebar-theme-icon i{
  font-size:12px;
}
.jooble-shell-sidebar .sidebar-theme-icon-sun{
  opacity:1;
  transform:rotate(0deg) scale(1);
}
.jooble-shell-sidebar .sidebar-theme-icon-moon{
  opacity:0;
  transform:rotate(90deg) scale(.75);
}
.jooble-shell-sidebar .sidebar-theme-icon-sun i{
  color:#f59e0b;
  filter:drop-shadow(0 0 4px rgba(245,158,11,.45));
}
.jooble-shell-sidebar .sidebar-theme-icon-moon i{
  color:#818cf8;
  filter:drop-shadow(0 0 4px rgba(129,140,248,.45));
}
.jooble-shell-sidebar .sidebar-theme-toggle[data-mode="dark"] .sidebar-theme-icon-sun{
  opacity:1;
  transform:rotate(0deg) scale(1);
}
.jooble-shell-sidebar .sidebar-theme-toggle[data-mode="dark"] .sidebar-theme-icon-moon{
  opacity:0;
  transform:rotate(90deg) scale(.75);
}
.jooble-shell-sidebar .sidebar-theme-toggle[data-mode="light"] .sidebar-theme-icon-sun{
  opacity:0;
  transform:rotate(-90deg) scale(.75);
}
.jooble-shell-sidebar .sidebar-theme-toggle[data-mode="light"] .sidebar-theme-icon-moon{
  opacity:1;
  transform:rotate(0deg) scale(1);
}
.jooble-shell-sidebar .sidebar-meta{
  display:none !important;
  gap:2px;
  color:#909daf;
  font-size:12px;
  line-height:1.45;
  margin-bottom:8px;
}
.jooble-shell-sidebar .sidebar-meta-line{
  display:flex;
  align-items:flex-start;
  gap:6px;
}
.jooble-shell-sidebar .sidebar-meta-dot{
  width:4px;
  height:4px;
  flex:0 0 4px;
  margin-top:7px;
  border-radius:999px;
  background:var(--brand);
}
.jooble-shell-sidebar .sidebar-meta a{
  color:var(--brand);
  text-decoration:none;
}
.jooble-shell-sidebar .sidebar-foot-links{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}
.jooble-shell-sidebar .sidebar-foot-links.is-authenticated{
  gap:6px;
}
.jooble-shell-sidebar .sidebar-foot-links a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:7px 12px;
  border-radius:10px;
  border:1px solid rgba(255,107,29,.24);
  background:rgba(255,107,29,.08);
  color:#ff7b24;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  min-width:0;
}
.jooble-shell-sidebar .sidebar-foot-links.is-authenticated a{
  min-height:38px;
  padding:7px 10px;
  font-size:12px;
}
.jooble-shell-sidebar .sidebar-foot-links a:hover{
  color:#fff1e8;
  border-color:rgba(255,107,29,.34);
  background:rgba(255,107,29,.14);
}
.jooble-shell-sidebar .sidebar-foot-links a.active{
  color:#fff4ea;
  border-color:rgba(255,107,29,.38);
  background:linear-gradient(90deg, rgba(255,107,29,.22), rgba(74,115,168,.16));
  box-shadow:0 10px 24px rgba(255,107,29,.14);
}
.jooble-shell-sidebar .sidebar-foot-links a i{
  font-size:12px;
}

@keyframes sidebar-post-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

@keyframes sidebar-post-sheen{
  0%,32%{transform:translateX(-130%)}
  58%,100%{transform:translateX(130%)}
}

@keyframes sidebar-pulse-pop{
  0%,100%{transform:scale(1); box-shadow:0 0 0 3px rgba(255,255,255,.14)}
  50%{transform:scale(1.2); box-shadow:0 0 0 6px rgba(255,255,255,.08)}
}

@keyframes mobile-post-icon-pulse{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(255,107,29,.18), 0 0 0 0 rgba(255,107,29,0)}
  50%{box-shadow:inset 0 0 0 1px rgba(255,107,29,.24), 0 0 0 4px rgba(255,107,29,.10)}
}

[data-theme="light"] .jooble-shell-sidebar{
  border-right-color:rgba(15,23,42,.08);
  background:linear-gradient(180deg, #ffffff 0%, #f8fafc 14%, #f3f6fa 100%);
}
[data-theme="light"] .jooble-shell-sidebar .brand-row{
  background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(247,249,252,.92));
  border-bottom-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-top-controls{
  border-bottom-color:rgba(15,23,42,.08);
  background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(247,249,252,.84));
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-controls-box{
  border-color:rgba(15,23,42,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,247,250,.98)),
    linear-gradient(135deg, rgba(235,86,11,.12), rgba(71,115,170,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 10px 24px rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-picker summary::before{
  background:linear-gradient(135deg, rgba(15,23,42,.04), rgba(15,23,42,.02));
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-picker summary::after{
  background:linear-gradient(180deg, #ffffff, #f6f8fb);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-current::after,
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-item-flag::after{
  background:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-selection-label{
  color:#77869a;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-selection-value{
  color:#17202a;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-chevron{
  color:#7a8798;
}
[data-theme="light"] .jooble-shell-sidebar .menu a,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a{
  color:#415166;
}
[data-theme="light"] .jooble-shell-sidebar .menu a.post-job-cta,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.post-job-cta{
  color:#ffffff;
  background:linear-gradient(100deg, #f05f17 0%, #ff7d32 46%, #4f7fb9 100%);
  box-shadow:0 16px 30px rgba(235,86,11,.20);
}
[data-theme="light"] .jooble-shell-sidebar .menu a:hover,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a:hover{
  color:#17202a;
  background:linear-gradient(90deg, rgba(235,86,11,.08), rgba(71,115,170,.04) 72%, transparent);
}
[data-theme="light"] .jooble-shell-sidebar .menu a.post-job-cta:hover,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.post-job-cta:hover{
  color:#ffffff;
  background:linear-gradient(100deg, #ff6b1d 0%, #ff8a42 46%, #5c8dcc 100%);
}
[data-theme="light"] .jooble-shell-sidebar .menu a.active:hover,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.active:hover{
  color:#ffffff;
  background:linear-gradient(90deg, #ff6b1d 0%, #ef6420 50%, #4a73a8 100%);
  box-shadow:0 14px 28px rgba(235,86,11,.20);
}
[data-theme="light"] .jooble-shell-sidebar .menu a i,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a i{
  background:linear-gradient(180deg, rgba(235,86,11,.10), rgba(235,86,11,.04));
  border-color:rgba(235,86,11,.16);
}
[data-theme="light"] .jooble-shell-sidebar .menu a.active:hover i,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.active:hover i{
  color:#ffffff;
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-count-badge{
  background:rgba(235,86,11,.06);
  border-color:rgba(235,86,11,.24);
  color:#d15a18;
}
[data-theme="light"] .jooble-shell-sidebar .menu a.active .sidebar-count-badge,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.active .sidebar-count-badge{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.24);
  color:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .menu a.active:hover .sidebar-count-badge,
[data-theme="light"] .jooble-shell-sidebar .sidebar-actions a.active:hover .sidebar-count-badge{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.24);
  color:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-foot{
  background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(247,249,252,.84));
  border-top-color:rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-stat-inner,
[data-theme="light"] .jooble-shell-sidebar .sidebar-social:nth-child(4),
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-core{
  background:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-stat-top span{
  color:#6d7c90;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-social{
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-social:nth-child(4){
  color:#0f172a;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-picker summary,
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-menu,
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-box{
  border-color:rgba(15,23,42,.08);
  background:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle{
  border:none;
  background:transparent;
  box-shadow:none;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-box .sidebar-theme-toggle:hover{
  background:transparent;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-menu a{
  color:#263548;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-menu a:hover{
  background:rgba(71,115,170,.12);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-menu a.active{
  color:#d15a18;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-language-picker summary::after{
  background:#ffffff;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-box{
  color:#17202a;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-pref-label{
  color:#17202a;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-rotor{
  background:conic-gradient(from 0deg, transparent 0deg, transparent 60deg, rgba(245,158,11,.96) 120deg, rgba(245,158,11,.78) 150deg, rgba(245,158,11,.38) 180deg, rgba(245,158,11,.10) 210deg, transparent 270deg, transparent 360deg);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-theme-core{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 6px 14px rgba(15,23,42,.08);
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-meta{
  color:#6c7a8b;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-foot-links a{
  background:rgba(235,86,11,.06);
  color:#d15a18;
}
[data-theme="light"] .jooble-shell-sidebar .sidebar-foot-links a.active{
  background:linear-gradient(90deg, rgba(235,86,11,.14), rgba(71,115,170,.10));
  color:#c75a1a;
  border-color:rgba(235,86,11,.24);
}

@media (max-width:860px){
  .jooble-shell-sidebar{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  [data-theme="light"] .jooble-shell-sidebar{
    border-bottom-color:rgba(15,23,42,.08);
  }
}
.jooble-mobile-shell,
.jooble-mobile-topbar,
.jooble-mobile-bottomnav,
.jooble-mobile-drawer,
.jooble-mobile-drawer-backdrop{
  display:none;
}
body.mobile-nav-open{
  overflow:hidden;
}
@media (max-width:860px){
  body.no-topnav .page,
  body.jobs-shell-page .page,
  body:has(.jobs-clone) .page{
    padding:0 0 calc(84px + env(safe-area-inset-bottom));
  }
  .jooble-shell-sidebar{
    position:sticky;
    top:0;
    z-index:44;
    overflow:visible;
    border:none;
    background:#0f141a;
  }
  .jooble-shell-sidebar .sidebar-shell{
    display:none;
  }
  .jooble-mobile-shell{
    display:block;
  }
  .jooble-mobile-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:58px;
    padding:10px 8px;
    background:#10161d;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .jooble-mobile-brand{
    display:inline-flex;
    align-items:center;
    min-width:0;
    text-decoration:none;
  }
  .jooble-mobile-brand-img{
    display:block;
    width:auto;
    height:28px;
    max-width:128px;
  }
  .jooble-mobile-post-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    padding:0 11px 0 8px;
    border:1px solid rgba(255,107,29,.30);
    border-radius:11px;
    background:linear-gradient(180deg, rgba(43,26,20,.88), rgba(25,20,20,.78));
    color:#ff8a42;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(255,107,29,.16), inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .24s ease, border-color .24s ease, color .24s ease;
  }
  .jooble-mobile-post-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.14) 44%, transparent 66%);
    transform:translateX(-130%);
    animation:sidebar-post-sheen 4.6s ease-in-out infinite;
  }
  .jooble-mobile-post-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(255,107,29,.44);
    color:#ff9a57;
  }
  .jooble-mobile-post-btn i,
  .jooble-mobile-post-btn span{
    position:relative;
    z-index:1;
  }
  .jooble-mobile-post-btn i{
    width:20px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:rgba(255,107,29,.18);
    color:#ff8a42;
    font-size:11px;
    box-shadow:inset 0 0 0 1px rgba(255,107,29,.18);
    animation:mobile-post-icon-pulse 2.8s ease-in-out infinite;
  }
  .jooble-mobile-bottomnav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:52;
    display:grid;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:2px;
    padding:6px 6px calc(8px + env(safe-area-inset-bottom));
    background:rgba(16,22,29,.96);
    border-top:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(18px);
  }
  .jooble-mobile-bottomnav a,
  .jooble-mobile-bottomnav button{
    appearance:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:52px;
    padding:6px 2px 5px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#9aa7b7;
    text-decoration:none;
    font:inherit;
    text-align:center;
  }
  .jooble-mobile-bottomnav a.active,
  .jooble-mobile-bottomnav button.is-open{
    color:#ff812e;
    background:rgba(255,107,29,.12);
  }
  .jooble-mobile-bottomnav > a > span:last-child,
  .jooble-mobile-bottomnav > button > span:last-child{
    font-size:10px;
    font-weight:500;
    line-height:1.15;
    letter-spacing:-.01em;
  }
  .jooble-mobile-bottomnav-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
  }
  .jooble-mobile-bottomnav-icon i{
    font-size:16px;
  }
  .jooble-mobile-bottomnav .sidebar-count-badge{
    position:absolute;
    top:-7px;
    right:-11px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    font-size:9px;
    line-height:16px;
  }
  .jooble-mobile-drawer-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:58;
    opacity:0;
    pointer-events:none;
    background:rgba(7,11,16,.72);
    transition:opacity .28s ease;
  }
  .jooble-mobile-drawer-backdrop.is-open{
    opacity:1;
    pointer-events:auto;
  }
  .jooble-mobile-drawer{
    display:flex;
    position:fixed;
    inset:auto 0 0 0;
    z-index:59;
    flex-direction:column;
    gap:12px;
    max-height:min(82vh, 720px);
    padding:8px 10px calc(14px + env(safe-area-inset-bottom));
    border-radius:18px 18px 0 0;
    border-top:1px solid rgba(255,255,255,.08);
    background:#11181f;
    box-shadow:0 -24px 46px rgba(0,0,0,.42);
    overflow:auto;
    transform:translateY(calc(100% + 24px));
    transition:transform .38s cubic-bezier(.22,1,.36,1);
  }
  .jooble-mobile-drawer.is-open{
    transform:translateY(0);
  }
  .jooble-mobile-drawer-handle{
    width:58px;
    height:5px;
    margin:0 auto 2px;
    border-radius:999px;
    background:rgba(114,128,146,.45);
  }
  .jooble-mobile-drawer-title{
    text-align:center;
    color:#eef3fb;
    font-size:20px;
    font-weight:800;
    letter-spacing:-.02em;
  }
  .jooble-mobile-drawer-section-title{
    padding:0 4px;
    color:#758395;
    font-size:12px;
    font-weight:700;
  }
  .jooble-mobile-drawer-nav,
  .jooble-mobile-settings{
    display:grid;
    gap:8px;
  }
  .jooble-mobile-drawer-nav a,
  .jooble-mobile-language-picker summary,
  .jooble-mobile-theme-row{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:50px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.04);
    border-radius:10px;
    background:#19212b;
    color:#d7e0eb;
    text-decoration:none;
  }
  .jooble-mobile-drawer-nav a.active{
    background:rgba(68,39,27,.9);
    border-color:rgba(255,107,29,.22);
    color:#ff8d47;
  }
  .jooble-mobile-drawer-nav a.post-job-cta{
    min-height:54px;
    background:linear-gradient(100deg, #ff6b1d 0%, #ff7d32 46%, #4f7fb9 100%);
    border-color:rgba(255,255,255,.14);
    color:#fff;
    box-shadow:0 16px 30px rgba(255,107,29,.24);
    overflow:hidden;
  }
  .jooble-mobile-drawer-nav a.post-job-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.20) 42%, transparent 66%);
    transform:translateX(-130%);
    animation:sidebar-post-sheen 4.4s ease-in-out infinite;
  }
  .jooble-mobile-drawer-nav a.post-job-cta .jooble-mobile-drawer-icon{
    background:rgba(255,255,255,.18);
    color:#fff;
  }
  .jooble-mobile-drawer-nav a.post-job-cta > span{
    position:relative;
    z-index:1;
  }
  .jooble-mobile-drawer-nav a .sidebar-pulse{
    position:absolute;
    right:16px;
    top:50%;
    margin-top:-4px;
  }
  .jooble-mobile-drawer-icon,
  .jooble-mobile-setting-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:8px;
    background:#202a35;
    color:#7fa7ff;
  }
  .jooble-mobile-drawer-nav a.active .jooble-mobile-drawer-icon{
    background:rgba(255,107,29,.14);
    color:#ff8d47;
  }
  .jooble-mobile-drawer-icon i,
  .jooble-mobile-setting-icon i{
    font-size:13px;
  }
  .jooble-mobile-drawer-nav a > span:nth-child(2),
  .jooble-mobile-setting-label{
    font-size:14px;
    font-weight:600;
    letter-spacing:-.01em;
  }
  .jooble-mobile-language-picker{
    display:block;
  }
  .jooble-mobile-language-picker summary{
    list-style:none;
    cursor:pointer;
  }
  .jooble-mobile-language-picker summary::-webkit-details-marker{
    display:none;
  }
  .jooble-mobile-setting-left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .jooble-mobile-setting-meta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    min-height:20px;
    padding:0 8px;
    border-radius:999px;
    background:#2a3440;
    color:#e8eef8;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
  }
  .jooble-mobile-language-menu{
    display:grid;
    gap:6px;
    padding:8px 0 0 40px;
  }
  .jooble-mobile-language-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:40px;
    padding:0 10px;
    border-radius:10px;
    background:#161e27;
    color:#c7d3e2;
    text-decoration:none;
  }
  .jooble-mobile-language-menu a.active{
    background:rgba(60,100,148,.38);
    color:#f5f8fd;
  }
  .jooble-mobile-language-flag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:999px;
    overflow:hidden;
    flex:0 0 20px;
  }
  .jooble-mobile-language-flag img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .jooble-mobile-language-check{
    margin-left:auto;
    opacity:0;
    color:#ff8d47;
  }
  .jooble-mobile-language-menu a.active .jooble-mobile-language-check{
    opacity:1;
  }
  .jooble-mobile-theme-row{
    padding-right:10px;
  }
  .jooble-mobile-theme-toggle{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    padding:0;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#f4f8ff;
    overflow:hidden;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-rotor{
    position:absolute;
    inset:-8px;
    border-radius:999px;
    background:conic-gradient(from 0deg, transparent 0deg, transparent 60deg, rgba(129,140,248,.96) 120deg, rgba(129,140,248,.8) 150deg, rgba(129,140,248,.35) 190deg, transparent 260deg, transparent 360deg);
    animation:border-rotate 3s linear infinite;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-core{
    position:absolute;
    inset:2px;
    border-radius:999px;
    background:#1e2732;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-sheen{
    position:absolute;
    inset:0;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.15), transparent 62%);
  }
  .jooble-mobile-theme-toggle .sidebar-theme-icon{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:opacity .35s ease, transform .35s ease;
    z-index:2;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-icon i{
    font-size:14px;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-icon-sun{
    color:#f7b337;
  }
  .jooble-mobile-theme-toggle .sidebar-theme-icon-moon{
    color:#8f9cff;
  }
  .jooble-mobile-theme-toggle[data-mode="dark"] .sidebar-theme-icon-sun{
    opacity:0;
    transform:rotate(90deg) scale(.72);
  }
  .jooble-mobile-theme-toggle[data-mode="dark"] .sidebar-theme-icon-moon{
    opacity:1;
    transform:none;
  }
  .jooble-mobile-theme-toggle[data-mode="light"] .sidebar-theme-icon-sun{
    opacity:1;
    transform:none;
  }
  .jooble-mobile-theme-toggle[data-mode="light"] .sidebar-theme-icon-moon{
    opacity:0;
    transform:rotate(-90deg) scale(.72);
  }
  .jooble-mobile-drawer-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
    margin-top:4px;
  }
  .jooble-mobile-drawer-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    border-radius:10px;
    border:1px solid rgba(255,107,29,.18);
    background:rgba(255,107,29,.07);
    color:#ff9a57;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
  }
  .jooble-mobile-drawer-actions a i{
    font-size:12px;
  }
  .jobs-clone .js-sidebar{
    border:none;
    background:#10161d;
  }
  .jobs-clone .jobs-searchbar{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
    padding:10px 8px 8px;
    background:#10161d;
  }
  .jobs-clone .jobs-searchbar-item{
    min-height:34px;
    padding:0 10px;
    border-radius:8px;
    background:#121922;
  }
  .jobs-clone .jobs-searchbar-item i{
    font-size:11px;
  }
  .jobs-clone .jobs-searchbar-item input{
    font-size:12px;
  }
  .jobs-clone .job-list-scroll{
    padding:0 8px calc(88px + env(safe-area-inset-bottom));
    background:#10161d;
  }
  .jobs-clone .jobs-clone-section{
    padding:10px 2px 8px;
  }
  .jobs-inline-banner{
    min-height:50px;
    margin:8px 0 10px;
    padding:0 12px;
    border-radius:10px;
  }
  .jobs-inline-banner-copy strong{
    font-size:13px;
  }
  .jobs-inline-banner-copy span{
    font-size:11px;
  }
  .jobs-inline-banner-badge{
    min-width:48px;
    min-height:22px;
    font-size:11px;
  }
  .jobs-clone .job-item{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    min-height:0;
    margin-bottom:7px;
    padding:10px 10px 9px;
    border-radius:10px;
    background:#1b242f;
  }
  .jobs-clone .job-left{
    width:100%;
    flex:0 0 100%;
    min-width:0;
    gap:9px;
    align-items:flex-start;
  }
  .jobs-list-logo{
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:8px;
  }
  .jobs-logo-letter{
    font-size:.8rem;
  }
  .jobs-clone .job-title{
    font-size:11.5px;
    font-weight:800;
    line-height:1.26;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .jobs-clone .job-sub{
    margin-top:2px;
    font-size:10px;
    line-height:1.24;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jobs-clone .job-right{
    width:100%;
    flex:0 0 100%;
    min-width:0;
    margin-left:0;
    gap:8px;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
  }
  .jobs-card-top{
    order:2;
    gap:0;
  }
  .jobs-list-kind{
    display:none;
  }
  .jobs-card-stats{
    order:1;
    flex:1;
    min-width:0;
    gap:6px;
    justify-content:flex-start;
    flex-wrap:wrap;
    font-size:10px;
    white-space:normal;
  }
  .jobs-card-stats span{
    gap:4px;
  }
  .jobs-card-stats .jobs-card-divider{
    display:none;
  }
  .jobs-card-stats .jobs-card-stat,
  .jobs-card-stats .jobs-card-premium-flag{
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:none;
  }
  .jobs-card-stats .jobs-card-stat{
    font-weight:600;
  }
  .jobs-card-stats .jobs-card-premium-flag{
    width:22px;
    min-width:22px;
    padding:0;
    justify-content:center;
    gap:0;
  }
  .jobs-card-stats .jobs-card-premium-label,
  .jobs-card-stats .jobs-card-divider-premium{
    display:none;
  }
  .jobs-card-stats i{
    font-size:10px;
  }
  .industry-item-right{
    min-width:auto;
  }
  .industry-jobs-label{
    font-size:10px;
  }
  .job-save-btn{
    width:28px;
    height:28px;
    flex:0 0 28px;
    border:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    padding:0;
    background:rgba(255,255,255,.03);
    color:#8f9caf;
  }
  .job-save-btn.is-saved{
    color:#ff6b5f;
    border-color:rgba(255,107,95,.26);
    background:rgba(255,107,95,.08);
  }
  .jobs-clone .job-item.premium .job-save-btn{
    border-left-color:rgba(255,210,138,.22);
    background:rgba(255,214,156,.06);
  }
  .jobs-clone .js-list::after{
    display:none;
  }
  [data-theme="light"] .jooble-shell-sidebar,
  [data-theme="light"] .jooble-mobile-topbar,
  [data-theme="light"] .jobs-clone .js-sidebar,
  [data-theme="light"] .jobs-clone .jobs-searchbar,
  [data-theme="light"] .jobs-clone .job-list-scroll{
    background:#f2f5fa;
  }
  [data-theme="light"] .jooble-mobile-topbar{
    border-bottom-color:rgba(15,23,42,.08);
  }
  [data-theme="light"] .jobs-card-stats .jobs-card-stat,
  [data-theme="light"] .jobs-card-stats .jobs-card-premium-flag{
    background:rgba(15,23,42,.04);
    border-color:rgba(15,23,42,.08);
  }
  [data-theme="light"] .jobs-clone .job-right .job-save-btn{
    background:#ffffff;
    border-color:rgba(15,23,42,.08);
  }
  [data-theme="light"] .jobs-clone .job-right .job-save-btn.is-saved{
    background:rgba(235,86,11,.10);
    border-color:rgba(235,86,11,.20);
  }
  [data-theme="light"] .jooble-mobile-post-btn{
    background:linear-gradient(180deg, #fff7f2, #fff1e8);
    border-color:rgba(235,86,11,.24);
    color:#d45c19;
    box-shadow:0 8px 18px rgba(235,86,11,.12), inset 0 1px 0 rgba(255,255,255,.78);
  }
  [data-theme="light"] .jooble-mobile-post-btn i{
    background:rgba(235,86,11,.12);
    color:#d45c19;
    box-shadow:inset 0 0 0 1px rgba(235,86,11,.14);
  }
  [data-theme="light"] .jooble-mobile-bottomnav{
    background:rgba(255,255,255,.94);
    border-top-color:rgba(15,23,42,.08);
  }
  [data-theme="light"] .jooble-mobile-bottomnav a,
  [data-theme="light"] .jooble-mobile-bottomnav button{
    color:#6a788a;
  }
  [data-theme="light"] .jooble-mobile-bottomnav a.active,
  [data-theme="light"] .jooble-mobile-bottomnav button.is-open{
    color:#dd661f;
    background:rgba(235,86,11,.09);
  }
  [data-theme="light"] .jooble-mobile-drawer{
    background:#f5f7fb;
    border-top-color:rgba(15,23,42,.08);
  }
  [data-theme="light"] .jooble-mobile-drawer-title{
    color:#182534;
  }
  [data-theme="light"] .jooble-mobile-drawer-nav a,
  [data-theme="light"] .jooble-mobile-language-picker summary,
  [data-theme="light"] .jooble-mobile-theme-row,
  [data-theme="light"] .jooble-mobile-language-menu a{
    background:#ffffff;
    border-color:rgba(15,23,42,.08);
    color:#1d2d3e;
  }
  [data-theme="light"] .jooble-mobile-drawer-nav a.post-job-cta{
    background:linear-gradient(100deg, #f05f17 0%, #ff7d32 46%, #4f7fb9 100%);
    border-color:rgba(255,255,255,.18);
    color:#ffffff;
  }
  [data-theme="light"] .jooble-mobile-drawer-actions a{
    background:#ffffff;
    border-color:rgba(235,86,11,.18);
    color:#cf5c1b;
  }
  [data-theme="light"] .jooble-mobile-drawer-icon,
  [data-theme="light"] .jooble-mobile-setting-icon{
    background:#eef3f9;
    color:#3369d5;
  }
  [data-theme="light"] .jooble-mobile-setting-meta{
    background:#edf2f7;
    color:#213145;
  }
  [data-theme="light"] .jooble-mobile-theme-toggle .sidebar-theme-core{
    background:#ffffff;
  }
[data-theme="light"] .jobs-clone .jobs-searchbar-item,
[data-theme="light"] .jobs-clone .job-item{
  background:#ffffff;
  border-color:rgba(15,23,42,.08);
}
}

.companies-clone .companies-searchbar{
  grid-template-columns:minmax(0,1fr);
}
.companies-clone .companies-list{
  display:grid;
  gap:10px;
}
.companies-clone .job-list-scroll{
  padding-top:2px;
}
.companies-clone .company-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  min-height:60px;
  text-align:left;
}
.companies-clone .company-card.is-selected{
  border-color:rgba(255,107,29,.82);
  background:linear-gradient(90deg, rgba(80,41,22,.92), rgba(31,40,50,.98));
  box-shadow:inset 0 0 0 1px rgba(255,107,29,.14);
}
.companies-clone .company-card .job-left{
  min-width:0;
  flex:1;
  align-items:center;
}
.companies-clone .company-card-logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:8px;
}
.companies-clone .company-card-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  font-size:.8rem;
  line-height:1.24;
}
.companies-clone .company-card-sub{
  margin-top:3px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#a4afbf;
}
.companies-clone .company-card-sub i{
  flex:0 0 auto;
  color:#9aa6b8;
  font-size:.7rem;
}
.companies-clone .company-card-sub span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.companies-clone .company-card-right{
  min-width:auto;
  flex:0 0 auto;
  align-items:center;
}
.companies-clone .company-card-count{
  min-height:24px;
  padding:0 9px;
  border-radius:8px;
  border:1px solid rgba(255,107,29,.28);
  background:rgba(255,107,29,.10);
  color:#ff8637;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:.72rem;
  font-weight:800;
}
.companies-clone .company-card-count i{
  font-size:.7rem;
}
.companies-empty-state,
.companies-detail-panel{
  min-height:100%;
}
.companies-detail-panel{
  padding:0;
  display:flex;
  flex-direction:column;
  align-content:stretch;
  overflow:hidden;
}
.companies-detail-banner{
  position:relative;
  min-height:188px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#f3f4f6;
  overflow:hidden;
}
.companies-detail-banner img{
  width:100%;
  height:188px;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#f3f4f6;
}
.companies-detail-banner-fallback{
  position:relative;
  min-height:188px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,87,24,.16), transparent 22%),
    radial-gradient(circle at 82% 28%, rgba(79,136,210,.16), transparent 24%),
    linear-gradient(180deg, #f5f6f8 0%, #e6eaef 100%);
}
.companies-detail-banner-orb{
  position:absolute;
  inset:auto auto 20px 50%;
  width:180px;
  height:180px;
  border-radius:999px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 70%);
}
.companies-detail-banner-logo{
  position:relative;
  z-index:1;
  width:88px;
  height:88px;
  border-radius:24px;
  border:1px solid rgba(255,107,29,.22);
  background:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,.14);
  overflow:hidden;
}
.companies-detail-body{
  padding:0 26px 28px;
}
.companies-detail-content{
  position:relative;
  z-index:2;
  max-width:820px;
  margin-top:0;
  padding-top:8px;
}
.companies-detail-heading{
  position:relative;
  min-height:72px;
  padding-left:112px;
}
.companies-detail-logo{
  width:94px;
  height:94px;
  flex:0 0 94px;
  position:absolute;
  left:0;
  top:-34px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.30);
  overflow:hidden;
}
.companies-detail-logo .jobs-logo-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  padding:0;
  background:#fff;
}
.companies-detail-logo .jobs-logo-letter{
  font-size:2rem;
}
.companies-detail-heading-copy{
  min-width:0;
  padding-top:8px;
}
.companies-detail-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.companies-detail-title{
  margin:0;
  min-width:0;
  color:#f8fbff;
  font-size:1.95rem;
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.02em;
}
.companies-detail-verified{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#4da3ff;
  font-size:1.08rem;
  filter:drop-shadow(0 6px 12px rgba(32,114,255,.22));
}
.companies-detail-verified[hidden]{
  display:none !important;
}
.companies-detail-location{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#a7b2c2;
  font-size:1rem;
}
.companies-detail-location i{
  color:#9aa6b8;
  font-size:.82rem;
}
.companies-detail-tabs{
  margin-top:26px;
  display:flex;
  align-items:flex-end;
  gap:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.companies-detail-tab{
  position:relative;
  padding:0 0 15px;
  border:0;
  background:transparent;
  color:#9aa6b8;
  font-size:.95rem;
  font-weight:800;
}
.companies-detail-tab.is-active{
  color:#ff7b2c;
}
.companies-detail-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  border-radius:999px;
  background:var(--brand);
}
.companies-detail-pane{
  display:none;
  padding-top:26px;
}
.companies-detail-pane.is-active{
  display:block;
}
.companies-detail-section-title{
  margin:0 0 14px;
  color:#f8fbff;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.25;
}
.companies-detail-about{
  max-width:760px;
  min-height:220px;
  color:#edf2fa;
  font-size:1rem;
  line-height:1.82;
}
.companies-detail-about p{
  margin:0 0 16px;
}
.companies-detail-jobs{
  max-width:760px;
  display:grid;
  gap:10px;
}
.company-mobile-detail{
  display:none;
}
.company-inline-job{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.06);
  background:#182029;
  box-shadow:none;
}
.company-inline-job:hover{
  transform:none;
  border-color:rgba(255,255,255,.09);
  box-shadow:none;
}
.company-inline-job .job-left{
  min-width:0;
  flex:1;
  align-items:center;
}
.company-inline-job .job-sub{
  margin-top:2px;
}
.company-inline-job-right{
  min-width:auto;
  flex:0 0 auto;
}
.company-inline-job .jobs-card-stats{
  font-size:.68rem;
  white-space:nowrap;
}

[data-theme="light"] .companies-clone .company-card.is-selected{
  background:linear-gradient(90deg, rgba(255,132,76,.14), rgba(255,255,255,.98));
}
[data-theme="light"] .companies-clone .company-card-count{
  background:rgba(235,86,11,.08);
  border-color:rgba(235,86,11,.18);
  color:#d9641f;
}
[data-theme="light"] .companies-detail-panel{
  background:#fff;
}
[data-theme="light"] .companies-detail-banner{
  border-bottom-color:rgba(15,23,42,.08);
}
[data-theme="light"] .companies-detail-banner-fallback{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,87,24,.08), transparent 22%),
    radial-gradient(circle at 82% 28%, rgba(79,136,210,.08), transparent 24%),
    linear-gradient(180deg, #f7f8fb 0%, #eef2f7 100%);
}
[data-theme="light"] .companies-detail-logo{
  border-color:rgba(15,23,42,.08);
  box-shadow:0 16px 34px rgba(15,23,42,.14);
}
[data-theme="light"] .companies-detail-title{
  color:#18202a;
}
[data-theme="light"] .companies-detail-verified{
  color:#1f78ff;
}
[data-theme="light"] .companies-detail-section-title{
  color:#18202a;
}
[data-theme="light"] .companies-detail-location,
[data-theme="light"] .companies-clone .company-card-sub{
  color:#617083;
}
[data-theme="light"] .companies-detail-location i,
[data-theme="light"] .companies-clone .company-card-sub i{
  color:#738196;
}
[data-theme="light"] .companies-detail-tabs{
  border-bottom-color:rgba(15,23,42,.08);
}
[data-theme="light"] .companies-detail-tab{
  color:#6b7789;
}
[data-theme="light"] .companies-detail-about{
  color:#253446;
}
[data-theme="light"] .company-inline-job{
  background:#fff;
  border-color:rgba(15,23,42,.08);
}

@media (max-width:1320px){
  .companies-detail-body{
    padding:0 20px 24px;
  }
  .companies-detail-content{
    padding-top:8px;
  }
  .companies-detail-heading{
    min-height:64px;
    padding-left:100px;
  }
  .companies-detail-logo{
    width:84px;
    height:84px;
    flex-basis:84px;
    top:-28px;
    border-radius:22px;
  }
  .companies-detail-heading-copy{
    padding-top:6px;
  }
}

@media (max-width:980px){
  .companies-clone .company-card{
    gap:12px;
    padding:10px 10px;
  }
  .companies-detail-banner,
  .companies-detail-banner img,
  .companies-detail-banner-fallback{
    min-height:148px;
    height:148px;
  }
  .companies-detail-content{
    padding-top:6px;
  }
  .companies-detail-heading{
    min-height:56px;
    padding-left:86px;
  }
  .companies-detail-logo{
    width:72px;
    height:72px;
    flex-basis:72px;
    top:-24px;
    border-radius:20px;
  }
  .companies-detail-heading-copy{
    padding-top:4px;
  }
  .companies-detail-title{
    font-size:1.5rem;
  }
  .companies-detail-verified{
    font-size:.98rem;
  }
  .companies-detail-location{
    font-size:.92rem;
  }
  .companies-detail-section-title{
    font-size:1rem;
  }
  .companies-detail-about{
    min-height:0;
    font-size:.95rem;
    line-height:1.8;
  }
}

@media (max-width:768px){
  .companies-clone .company-card{
    padding:9px 10px;
    min-height:58px;
  }
  .companies-clone .company-card-logo{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
  .companies-clone .company-card-title{
    font-size:11.5px;
  }
  .companies-clone .company-card-sub{
    font-size:10px;
  }
  .companies-clone .company-card-count{
    min-height:22px;
    padding:0 8px;
    font-size:10px;
  }
  .companies-detail-body{
    padding:0 18px 22px;
  }
  .companies-detail-content{
    padding-top:4px;
  }
  .companies-detail-heading{
    min-height:46px;
    padding-left:70px;
  }
  .companies-detail-logo{
    width:58px;
    height:58px;
    flex-basis:58px;
    top:-18px;
    border-radius:18px;
  }
  .companies-detail-logo .jobs-logo-image{
    padding:0;
  }
  .companies-detail-logo .jobs-logo-letter{
    font-size:1.45rem;
  }
  .companies-detail-title{
    font-size:1.2rem;
  }
  .companies-detail-verified{
    font-size:.9rem;
  }
  .companies-detail-heading-copy{
    padding-top:2px;
  }
  .companies-detail-location{
    margin-top:8px;
    font-size:.84rem;
  }
  .companies-detail-tab{
    font-size:.88rem;
  }
  .companies-detail-section-title{
    margin-bottom:12px;
    font-size:.95rem;
  }
  .company-inline-job{
    gap:10px;
    padding:10px;
  }
  .company-inline-job .job-right{
    margin-left:8px;
  }
  .company-inline-job .jobs-card-stats{
    font-size:10px;
  }
}

@media (max-width:860px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  body{
    min-height:100dvh;
    overflow-y:auto;
  }
  .page,
  #appContent{
    width:100%;
    min-width:0;
    overflow-x:hidden;
  }
  body.no-topnav .page,
  body.jobs-shell-page .page,
  body:has(.jobs-clone) .page{
    padding:0 0 calc(78px + env(safe-area-inset-bottom)) !important;
  }
  .js-layout,
  .panel-layout,
  .jooble-panel-shell,
  .jobs-clone,
  body.jobs-shell-page .panel-layout,
  body.jobs-shell-page .jooble-panel-shell,
  .public-detail-shell.jobs-clone{
    display:grid;
    grid-template-columns:minmax(0,1fr) !important;
    width:100%;
    min-width:0;
    max-width:100%;
    height:auto !important;
    min-height:100dvh;
    gap:0;
    padding:0 !important;
    overflow:visible;
  }
  .jobs-clone,
  .public-detail-shell.jobs-clone{
    align-content:start !important;
    align-items:start !important;
    grid-auto-rows:max-content;
  }
  .jobs-clone .jooble-shell-sidebar{
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
  }
  .jobs-clone .jooble-mobile-shell{
    height:auto !important;
    min-height:0 !important;
  }
  .js-sidebar,
  .js-list,
  .js-detail,
  .panel-main,
  body.jobs-shell-page .panel-layout .panel-main,
  body.jobs-shell-page .panel-layout .js-sidebar{
    width:100%;
    min-width:0;
    max-width:100%;
    border-radius:0;
  }
  .jobs-clone .js-list{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    min-height:0 !important;
    height:auto !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }
  .jobs-clone .jobs-searchbar{
    flex:0 0 auto;
    margin-top:0 !important;
  }
  .jobs-clone .job-list-scroll{
    flex:0 0 auto;
    min-height:0;
    padding-top:0;
  }
  .companies-clone .company-mobile-detail{
    display:block;
    margin:-2px 0 10px;
  }
  .companies-clone .company-mobile-collapse{
    border:1px solid rgba(255,107,29,.24);
    border-radius:12px;
    background:#141d26;
    overflow:hidden;
    box-shadow:0 14px 28px rgba(0,0,0,.16);
  }
  .companies-clone .company-mobile-collapse summary{
    min-height:44px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    cursor:pointer;
    list-style:none;
    color:#f5f8fd;
    font-size:12px;
    font-weight:800;
  }
  .companies-clone .company-mobile-collapse summary::-webkit-details-marker{
    display:none;
  }
  .companies-clone .company-mobile-collapse summary span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  .companies-clone .company-mobile-collapse summary span i{
    color:#ff7b24;
  }
  .companies-clone .company-mobile-collapse summary > i{
    color:#8f9caf;
    font-size:11px;
    transition:transform .22s ease;
  }
  .companies-clone .company-mobile-collapse[open] summary > i{
    transform:rotate(180deg);
  }
  .companies-clone .company-mobile-detail-animator{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1), opacity .22s ease;
  }
  .companies-clone .company-mobile-collapse[open] .company-mobile-detail-animator{
    grid-template-rows:1fr;
    opacity:1;
  }
  .companies-clone .company-mobile-detail-animator > *{
    min-height:0;
    overflow:hidden;
  }
  .companies-clone .company-mobile-detail-body{
    display:grid;
    gap:12px;
    padding:0 12px 12px;
  }
  .companies-clone .company-mobile-detail-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    color:#a7b2c2;
    font-size:11px;
  }
  .companies-clone .company-mobile-detail-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .companies-clone .company-mobile-detail-meta i{
    color:#ff7b24;
  }
  .companies-clone .company-mobile-detail-section{
    display:grid;
    gap:8px;
  }
  .companies-clone .company-mobile-detail-section h3{
    margin:0;
    color:#ff8a42;
    font-size:12px;
    font-weight:900;
  }
  .companies-clone .company-mobile-detail .companies-detail-about{
    min-height:0;
    color:#dbe4ee;
    font-size:12px;
    line-height:1.65;
  }
  .companies-clone .company-mobile-detail .companies-detail-about p{
    margin:0 0 8px;
  }
  .companies-clone .company-mobile-detail .company-inline-job{
    padding:9px 10px;
    border-radius:10px;
    background:#18222d;
  }
  .companies-clone .company-mobile-detail .company-inline-job .job-title{
    font-size:12px;
  }
  .companies-clone .company-mobile-detail .company-inline-job .job-sub,
  .companies-clone .company-mobile-detail .jobs-card-stats{
    font-size:10px;
  }
  .panel-main,
  body.jobs-shell-page .panel-layout .panel-main{
    min-height:auto !important;
    overflow:visible;
    background:transparent;
  }
  .panel-inner,
  body.jobs-shell-page .panel-layout .panel-inner,
  .admin-shell-page .panel-inner{
    width:100%;
    min-width:0;
    max-width:100%;
    height:auto !important;
    min-height:0;
    padding:14px 10px 18px !important;
    overflow:visible;
  }
  .jooble-auth-wrap,
  .jooble-auth-inner,
  .jooble-auth-grid,
  .jooble-auth-card,
  .jooble-auth-card-body,
  .jooble-auth-stage,
  .jooble-auth-panels,
  .jooble-auth-panels-track,
  .jooble-auth-panel{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .jooble-auth-inner{
    padding:12px 0 18px !important;
  }
  .jooble-auth-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px;
  }
  .jooble-auth-card{
    border-radius:14px;
  }
  .jooble-auth-card-head,
  .jooble-auth-card-body{
    padding:14px;
  }
  .jooble-auth-title{
    font-size:1rem;
    line-height:1.25;
  }
  .jooble-auth-switch{
    min-width:0;
  }
  .jooble-auth-switch-btn{
    min-width:0;
    padding:0 8px;
    font-size:.86rem !important;
  }
  .jooble-auth-form,
  .jooble-auth-field,
  .jooble-auth-input,
  .jooble-auth-submit,
  .jooble-auth-social{
    width:100%;
    min-width:0;
  }
  .jooble-auth-input,
  .form-control,
  .form-select,
  textarea,
  input{
    max-width:100%;
  }
  .jooble-auth-docs{
    gap:10px;
  }
  .jooble-auth-step{
    grid-template-columns:30px minmax(0,1fr);
  }
  .jooble-auth-step p{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .admin-page-head,
  .admin-companies-actions,
  .admin-page-head-tools,
  .admin-blog-form-actions,
  .dashboard-company-actions,
  .dashboard-company-toolbar,
  .admin-table-head{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .admin-page-head-tools > *,
  .admin-blog-form-actions > *,
  .dashboard-company-actions > *,
  .dashboard-company-toolbar > *,
  .admin-table-head > *{
    width:100%;
    max-width:100%;
  }
  .vacancy-editor-actions{
    width:100%;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px;
  }
  .vacancy-editor-actions > *{
    flex:0 0 auto !important;
    width:100%;
    max-width:100%;
    min-height:44px !important;
    height:auto !important;
    padding:10px 14px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    line-height:1.2;
  }
  .admin-blog-grid,
  .admin-upload-grid,
  .admin-modal-grid-2,
  .admin-page-head-stats,
  .admin-companies-layout,
  .dashboard-layout,
  .vacancy-editor-grid,
  .vacancy-editor-fields--2,
  .admin-vacancy-review-grid,
  .admin-vacancy-review-fields,
  .dashboard-company-details{
    grid-template-columns:minmax(0,1fr) !important;
  }
  .card,
  .card-modern,
  .admin-page-head,
  .admin-blog-form-card,
  .admin-simple-table-card,
  .admin-companies-editor,
  .admin-companies-side,
  .admin-company-user-create,
  .admin-company-users-card{
    width:100%;
    min-width:0;
    max-width:100%;
    border-radius:14px;
  }
  .hero-title,
  .admin-shell-page .hero-title{
    font-size:1.45rem !important;
    line-height:1.12 !important;
    overflow-wrap:anywhere;
  }
  .admin-tabs,
  .admin-section-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .admin-tabs::-webkit-scrollbar,
  .admin-section-tabs::-webkit-scrollbar{
    display:none;
  }
  .admin-tab,
  .admin-section-tab{
    flex:0 0 auto !important;
    white-space:nowrap;
  }
  .table-responsive,
  .admin-companies-table,
  .admin-simple-table-card,
  .admin-table-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .table,
  .admin-table-clean{
    min-width:680px;
  }
  .admin-table-actions,
  .admin-table-actions-group{
    white-space:normal;
  }
  .admin-inline-form,
  .admin-table-actions-group{
    flex-wrap:wrap;
  }
  .btn,
  .admin-action-btn,
  .admin-submit-btn{
    max-width:100%;
    white-space:normal;
  }
}

@media (max-width:480px){
  .panel-inner,
  body.jobs-shell-page .panel-layout .panel-inner,
  .admin-shell-page .panel-inner{
    padding:12px 8px 16px !important;
  }
  .jooble-mobile-topbar{
    gap:8px;
    padding:9px 8px;
  }
  .jooble-mobile-brand-img{
    max-width:110px;
    height:26px;
  }
  .jooble-mobile-post-btn{
    min-height:34px;
    padding:0 9px 0 7px;
    font-size:11px;
  }
  .jooble-mobile-post-btn i{
    width:18px;
    height:18px;
    font-size:10px;
  }
  .jooble-auth-card-head,
  .jooble-auth-card-body{
    padding:12px;
  }
  .jooble-auth-social,
  .jooble-auth-submit{
    min-height:44px;
  }
  .table,
  .admin-table-clean{
    min-width:620px;
  }
}
/* CV builder */
.cv-page-shell .panel-main {
  padding-bottom: 36px;
  height: 100vh;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}
.cv-builder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
  gap: 20px;
  padding: 18px;
  min-height: 100%;
  align-items: start;
}
.cv-builder-panel,
.cv-preview-panel {
  padding: 22px;
}
.cv-builder-top,
.cv-preview-toolbar,
.cv-repeat-head,
.cv-list-card-head,
.cv-list-actions,
.cv-public-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cv-builder-top h1 {
  margin: 0;
  font-size: 28px;
}
.cv-builder-actions,
.cv-list-actions,
.cv-public-toolbar > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.cv-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.cv-form-grid label,
.cv-repeat-section label {
  display: grid;
  gap: 7px;
  color: var(--text);
  font-weight: 700;
}
.cv-form-grid label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}
.cv-form-grid .is-wide {
  grid-column: 1 / -1;
}
.cv-photo-field {
  grid-row: span 2;
}
.cv-photo-picker {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  align-items: center;
}
.cv-photo-thumb {
  width: 88px;
  height: 88px;
  border-radius: 18px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.05);
  color: var(--muted);
  font-size: 28px;
}
.cv-photo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cv-switch-row {
  align-content: end;
  grid-template-columns: auto 1fr !important;
  justify-content: start;
}
.cv-switch-row input {
  width: 18px;
  height: 18px;
}
.cv-repeat-section {
  margin-top: 22px;
  display: grid;
  gap: 12px;
}
.cv-repeat-head h2 {
  margin: 0;
  font-size: 18px;
}
.cv-repeat-list {
  display: grid;
  gap: 10px;
}
.cv-repeat-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(190px, .65fr) auto;
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.03);
}
.cv-repeat-row textarea {
  grid-column: 1 / 4;
}
.cv-repeat-row-edu,
.cv-repeat-row-link {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(190px, .65fr) auto;
}
.cv-repeat-row-link {
  grid-template-columns: 180px 1fr auto;
}
.cv-preview-panel {
  position: sticky;
  top: 18px;
  align-self: start;
}
.cv-preview-sheet {
  width: 100%;
  min-height: 620px;
  padding: 34px;
  border-radius: 8px;
  background: #fff;
  color: #172033;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
  font-family: Manrope, Arial, sans-serif;
}
.cv-public-sheet {
  max-width: 860px;
  margin: 18px auto 40px;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.cv-preview-sheet header {
  padding-bottom: 18px;
  border-bottom: 2px solid #1f6feb;
  margin-bottom: 20px;
}
.cv-preview-header {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 18px;
  align-items: center;
}
.cv-preview-person {
  width: 92px;
  height: 92px;
  border-radius: 22px;
  overflow: hidden;
  background: #eef4ff;
  display: grid;
  place-items: center;
}
.cv-preview-photo,
.cv-preview-photo-placeholder {
  width: 100%;
  height: 100%;
}
.cv-preview-photo {
  object-fit: cover;
}
.cv-preview-photo-placeholder {
  display: grid;
  place-items: center;
  color: #1f4ea8;
  font-size: 34px;
  font-weight: 900;
}
.cv-preview-sheet h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.08;
  color: #101828;
}
.cv-preview-sheet header p {
  margin: 7px 0;
  color: #1f6feb;
  font-weight: 800;
}
.cv-preview-sheet header .cv-preview-main,
.cv-preview-sheet header .cv-preview-main div {
  color: #526071;
  font-size: 13px;
}
.cv-preview-sheet section {
  margin-top: 18px;
}
.cv-preview-sheet h3 {
  margin: 0 0 9px;
  color: #101828;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.cv-preview-sheet p,
.cv-preview-sheet li,
.cv-preview-sheet em,
.cv-preview-sheet span {
  font-size: 13px;
  line-height: 1.6;
}
.cv-preview-sheet .cv-preview-photo-placeholder {
  font-size: 34px;
  line-height: 1;
}
.cv-preview-sheet article {
  display: grid;
  gap: 3px;
  margin-top: 10px;
}
.cv-preview-sheet article div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.cv-preview-sheet article strong {
  color: #101828;
}
.cv-preview-sheet article span,
.cv-preview-sheet em {
  color: #667085;
}
.cv-preview-skills,
.cv-bank-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.cv-preview-skills span,
.cv-bank-skills span {
  border-radius: 999px;
  padding: 5px 9px;
  background: #eef4ff;
  color: #1f4ea8;
  font-weight: 800;
  font-size: 12px;
}
.cv-language-builder {
  display: grid;
  gap: 10px;
}
.cv-language-controls {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(170px, 220px) auto;
  gap: 10px;
}
.cv-language-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 38px;
  align-items: center;
}
.cv-language-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  padding: 6px 8px 6px 11px;
  background: rgba(255,255,255,.05);
}
.cv-language-chip strong {
  color: var(--text);
  font-size: 13px;
}
.cv-language-chip em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}
.cv-language-chip button {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: var(--text);
  line-height: 1;
}
.cv-language-empty {
  color: var(--muted);
  font-size: 13px;
}
.cv-period-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}
.cv-period-builder .form-select,
.cv-social-builder .form-select {
  min-width: 0;
  width: 100%;
}
.cv-period-builder .form-select:disabled {
  background-color: var(--panel-muted);
  color: var(--text);
  border-color: var(--border);
  opacity: 1;
  -webkit-text-fill-color: var(--text);
}
.cv-period-current-value:disabled {
  background-color: var(--panel-muted) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--text) !important;
}
.cv-current-job {
  grid-column: 1 / -1;
  display: inline-flex !important;
  grid-template-columns: auto 1fr !important;
  align-items: center;
  justify-content: start;
  gap: 8px !important;
  color: var(--muted) !important;
  font-size: 13px;
  font-weight: 700 !important;
}
.cv-current-job input {
  width: 16px;
  height: 16px;
}
.cv-social-builder {
  display: grid;
  grid-template-columns: 42px minmax(150px, 1fr);
  gap: 8px;
}
.cv-social-icon {
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.04);
  color: var(--brand);
  font-size: 18px;
}
.cv-preview-social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cv-preview-social i {
  width: 18px;
  color: #1f6feb;
}
.cv-template-select-btn {
  width: 100%;
  justify-content: flex-start;
  min-height: 48px;
  gap: 10px;
}
.cv-template-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.cv-template-modal.is-open {
  display: flex;
}
.cv-reactive-modal {
  position: fixed;
  inset: 0;
  z-index: 1010;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.cv-reactive-modal.is-open {
  display: flex;
}
.cv-reactive-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3,7,18,.78);
  backdrop-filter: blur(8px);
}
.cv-reactive-dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr;
  width: min(1180px, 100%);
  height: min(820px, calc(100vh - 36px));
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: 0 28px 90px rgba(0,0,0,.48);
}
.cv-reactive-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}
.cv-reactive-head strong {
  display: block;
  color: var(--text);
  font-size: 18px;
}
.cv-reactive-head span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 3px;
}
.cv-reactive-dialog iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #0f1720;
}
.cv-template-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5,10,20,.72);
  backdrop-filter: blur(8px);
}
.cv-template-dialog {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: 0 28px 80px rgba(0,0,0,.38);
  padding: 18px;
}
.cv-template-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}
.cv-template-dialog-head strong {
  display: block;
  color: var(--text);
  font-size: 20px;
}
.cv-template-dialog-head span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}
.cv-template-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.cv-template-option {
  display: grid;
  gap: 12px;
  text-align: left;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 12px;
  cursor: pointer;
}
.cv-template-option:hover,
.cv-template-option.is-selected {
  border-color: var(--primary);
  background: rgba(255,107,29,.1);
}
.cv-template-option strong {
  font-size: 15px;
}
.cv-template-option em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  line-height: 1.45;
}
.cv-template-mini {
  position: relative;
  display: grid;
  grid-template-columns: 32% 1fr;
  gap: 7px;
  height: 210px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}
.cv-template-mini::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 32%;
  background: #075d0a;
}
.cv-template-mini span {
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 999px;
  background: #dbe3ee;
}
.cv-template-mini .mini-photo {
  width: 48px;
  height: 48px;
  grid-column: 1;
  justify-self: center;
  background: #cfd8e3;
}
.cv-template-mini .mini-title {
  grid-column: 1;
  width: 70%;
  height: 12px;
  justify-self: center;
  background: rgba(255,255,255,.9);
}
.cv-template-mini .mini-line {
  grid-column: 2;
  height: 9px;
}
.cv-template-mini .mini-line.short {
  width: 72%;
}
.cv-template-mini .mini-block {
  grid-column: 2;
  height: 44px;
  border-radius: 6px;
  background: #eef2f7;
}
.cv-template-mini.template-yellow-profile {
  grid-template-columns: 1fr 1fr;
  padding-top: 42px;
  background: #f6f6f6;
}
.cv-template-mini.template-yellow-profile::before {
  inset: 16px 28px auto auto;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #f6c400;
}
.cv-template-mini.template-yellow-profile .mini-photo {
  grid-column: 2;
  width: 58px;
  height: 58px;
}
.cv-template-mini.template-yellow-profile .mini-title {
  grid-column: 1;
  background: #111;
}
.cv-template-mini.template-yellow-profile .mini-line,
.cv-template-mini.template-yellow-profile .mini-block {
  grid-column: auto;
}
.cv-template-mini.template-mono-timeline::before {
  width: 30%;
  background: #3f4042;
}
.cv-template-mini.template-mono-timeline .mini-title {
  background: #fff;
}
.cv-template-mini.template-kornik {
  grid-template-columns: 34% 1fr;
  background: #fafafa;
}
.cv-template-mini.template-kornik::before {
  width: 34%;
  background: #efc52f;
}
.cv-template-mini.template-kornik .mini-title {
  background: #2a2a2a;
}
.cv-template-mini.template-kornik .mini-photo {
  background: #2a2a2a;
}
.cv-template-thumb {
  display: block;
  height: 260px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
.cv-template-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.template-minimal header {
  border-bottom-color: #111827;
}
.template-minimal header p {
  color: #111827;
}
.template-modern {
  border-left: 10px solid #10b981;
}
.template-modern header {
  border-bottom-color: #10b981;
}
.template-modern header p {
  color: #047857;
}
.template-emerald-sidebar,
.template-mono-timeline {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 0 28px;
  padding: 0 32px 32px 0;
  overflow: hidden;
  background: linear-gradient(90deg, #075d0a 0 30%, #fff 30% 100%);
}
.template-emerald-sidebar::before,
.template-mono-timeline::before {
  display: none;
}
.template-emerald-sidebar header,
.template-mono-timeline header {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  align-content: start;
  gap: 14px;
  border: 0;
  margin: 0;
  padding: 28px 18px 18px;
  color: #fff;
}
.template-emerald-sidebar .cv-preview-person,
.template-mono-timeline .cv-preview-person {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  justify-self: center;
  background: rgba(255,255,255,.18);
}
.template-emerald-sidebar .cv-preview-main,
.template-emerald-sidebar header .cv-preview-main div,
.template-mono-timeline .cv-preview-main,
.template-mono-timeline header .cv-preview-main div {
  color: rgba(255,255,255,.86);
}
.template-emerald-sidebar h2,
.template-mono-timeline h2 {
  color: #fff;
  font-size: 28px;
}
.template-emerald-sidebar header p,
.template-mono-timeline header p {
  color: rgba(255,255,255,.88);
}
.template-emerald-sidebar section,
.template-mono-timeline section {
  grid-column: 2;
}
.template-emerald-sidebar .cv-section-skills,
.template-emerald-sidebar .cv-section-languages,
.template-emerald-sidebar .cv-section-links,
.template-mono-timeline .cv-section-skills,
.template-mono-timeline .cv-section-languages,
.template-mono-timeline .cv-section-links {
  grid-column: 1;
  z-index: 1;
  padding: 0 18px;
  color: #fff;
}
.template-emerald-sidebar .cv-section-summary,
.template-mono-timeline .cv-section-summary {
  margin-top: 26px;
}
.template-emerald-sidebar h3 {
  color: #075d0a;
  border-top: 1px solid #d5dbe3;
  border-bottom: 1px solid #d5dbe3;
  padding: 8px 0;
  letter-spacing: 0;
  text-transform: none;
  font-size: 18px;
}
.template-emerald-sidebar .cv-section-skills h3,
.template-emerald-sidebar .cv-section-languages h3,
.template-emerald-sidebar .cv-section-links h3,
.template-mono-timeline .cv-section-skills h3,
.template-mono-timeline .cv-section-languages h3,
.template-mono-timeline .cv-section-links h3 {
  color: #fff;
  border: 0;
  padding: 8px 0;
}
.template-emerald-sidebar .cv-preview-skills span,
.template-emerald-sidebar .cv-section-languages li {
  border: 1px solid rgba(255,255,255,.75);
  background: transparent;
  color: #fff;
}
.template-emerald-sidebar .cv-section-languages ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  list-style: none;
}
.template-emerald-sidebar article div {
  display: grid;
  grid-template-columns: 88px 1fr;
}
.template-emerald-sidebar article div strong {
  grid-column: 2;
  grid-row: 1;
}
.template-emerald-sidebar article div span {
  grid-column: 1;
  grid-row: 1;
}
.template-mono-timeline {
  font-family: "Arial Narrow", Arial, sans-serif;
  background: linear-gradient(90deg, #414143 0 30%, #fff 30% 100%);
}
.template-mono-timeline h3 {
  color: #2f3032;
  border-bottom: 1px solid #2f3032;
  padding-bottom: 7px;
}
.template-mono-timeline .cv-section-experience article,
.template-mono-timeline .cv-section-education article {
  position: relative;
  padding-left: 28px;
  border-left: 2px solid #555;
}
.template-mono-timeline .cv-section-experience article::before,
.template-mono-timeline .cv-section-education article::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #555;
}
.template-mono-timeline .cv-preview-skills span {
  width: 100%;
  border-radius: 0;
  background: linear-gradient(#666,#666) left bottom / 72% 3px no-repeat, #f5f5f5;
  color: #333;
}
.template-yellow-profile {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 30px;
  background: #f7f7f7;
  padding: 42px;
  overflow: hidden;
}
.template-yellow-profile::before {
  content: "";
  position: absolute;
  top: 26px;
  right: 54px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: #f6c400;
}
.template-yellow-profile header {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 190px;
  min-height: 210px;
  align-items: center;
  border: 0;
  margin: 0;
  padding: 0 10px 16px;
}
.template-yellow-profile .cv-preview-person {
  grid-column: 2;
  grid-row: 1;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: transparent;
  z-index: 1;
}
.template-yellow-profile .cv-preview-main {
  grid-column: 1;
  grid-row: 1;
  width: min(330px, 100%);
  min-height: 168px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 28px;
  box-shadow: 0 3px 8px rgba(0,0,0,.14);
}
.template-yellow-profile h2 {
  text-align: center;
  color: #0c0c0d;
  font-size: 34px;
}
.template-yellow-profile header p {
  background: #f6c400;
  color: #111;
  padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
}
.template-yellow-profile h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0c0c0d;
  font-size: 22px;
  letter-spacing: 0;
  text-transform: none;
}
.template-yellow-profile h3::before {
  content: "";
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f6c400;
  flex: 0 0 auto;
}
.template-yellow-profile section {
  margin: 0;
}
.template-yellow-profile .cv-section-summary,
.template-yellow-profile .cv-section-links {
  grid-column: 1 / -1;
}
.template-yellow-profile .cv-section-skills .cv-preview-skills span {
  background: #111;
  color: #fff;
}
.template-kornik {
  display: grid;
  grid-template-columns: 33% 1fr;
  gap: 0 34px;
  padding: 0 34px 34px 0;
  background: linear-gradient(90deg, #edc331 0 33%, #fbfbfb 33% 100%);
  color: #272727;
  overflow: hidden;
}
.template-kornik header {
  grid-column: 2;
  grid-row: 1;
  display: block;
  border: 0;
  margin: 0;
  padding: 52px 0 22px;
}
.template-kornik .cv-preview-person {
  grid-column: 1;
  grid-row: 1;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  margin: 34px auto 16px;
  background: #222;
}
.template-kornik .cv-preview-header {
  display: contents;
}
.template-kornik .cv-preview-main {
  display: grid;
  gap: 8px;
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  padding-top: 52px;
}
.template-kornik h2 {
  max-width: 360px;
  color: #202020;
  font-size: 42px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.template-kornik header p {
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 5px 12px;
  background: #edc331;
  color: #202020;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
}
.template-kornik header .cv-preview-main div {
  grid-column: 1;
  margin-top: 24px;
  color: #202020;
  font-size: 12px;
}
.template-kornik section {
  grid-column: 2;
  margin-top: 22px;
}
.template-kornik .cv-section-skills,
.template-kornik .cv-section-languages,
.template-kornik .cv-section-links {
  grid-column: 1;
  z-index: 1;
  padding: 0 22px;
  color: #202020;
}
.template-kornik .cv-section-skills {
  grid-row: 2;
}
.template-kornik .cv-section-languages {
  grid-row: 3;
}
.template-kornik .cv-section-links {
  grid-row: 4;
}
.template-kornik h3 {
  margin-bottom: 12px;
  color: #202020;
  font-size: 13px;
  letter-spacing: .11em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(32,32,32,.55);
  padding-bottom: 8px;
}
.template-kornik .cv-section-summary h3,
.template-kornik .cv-section-experience h3,
.template-kornik .cv-section-education h3 {
  border-color: #202020;
}
.template-kornik .cv-preview-skills {
  display: grid;
  gap: 8px;
}
.template-kornik .cv-preview-skills span {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: #202020;
  font-size: 12px;
}
.template-kornik .cv-preview-skills span::after {
  content: "";
  width: 58px;
  height: 8px;
  background: radial-gradient(circle, #202020 0 3px, transparent 3.5px) left center / 11px 8px repeat-x;
}
.template-kornik .cv-section-languages ul,
.template-kornik .cv-section-links ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.template-kornik .cv-section-languages li,
.template-kornik .cv-section-links li {
  color: #202020;
  font-size: 12px;
}
.template-kornik .cv-section-languages li::after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 8px;
  margin-left: 8px;
  background: radial-gradient(circle, #202020 0 3px, transparent 3.5px) left center / 11px 8px repeat-x;
}
.template-kornik article {
  position: relative;
  padding-left: 22px;
  border-left: 1px solid #202020;
}
.template-kornik article::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #202020;
}
.template-kornik article div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
}
.template-kornik article strong {
  text-transform: uppercase;
  color: #202020;
}
.template-kornik article span,
.template-kornik em {
  color: #4f4f4f;
}
.template-azurill,
.template-bronzor,
.template-onyx,
.template-lapras,
.template-scizor {
  border-top: 8px solid #0ea5e9;
}
.template-azurill header,
.template-bronzor header,
.template-onyx header,
.template-lapras header,
.template-scizor header {
  border-bottom-color: #0ea5e9;
}
.template-azurill header p,
.template-bronzor header p,
.template-onyx header p,
.template-lapras header p,
.template-scizor header p {
  color: #0369a1;
}
.template-chikorita,
.template-leafish {
  display: grid;
  grid-template-columns: 68% 32%;
  gap: 0;
  padding: 0 0 30px 30px;
  background: linear-gradient(90deg, #fff 0 68%, #12845b 68% 100%);
}
.template-chikorita header,
.template-leafish header {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 68% 32%;
  border: 0;
  margin: 0 0 18px;
  padding: 28px 0 0;
}
.template-chikorita .cv-preview-person,
.template-leafish .cv-preview-person {
  grid-column: 1;
  width: 72px;
  height: 72px;
  border-radius: 16px;
}
.template-chikorita .cv-preview-main,
.template-leafish .cv-preview-main {
  grid-column: 1;
}
.template-chikorita section,
.template-leafish section {
  grid-column: 1;
  padding-right: 24px;
}
.template-chikorita .cv-section-skills,
.template-chikorita .cv-section-languages,
.template-chikorita .cv-section-links,
.template-leafish .cv-section-skills,
.template-leafish .cv-section-languages,
.template-leafish .cv-section-links {
  grid-column: 2;
  padding: 0 18px;
  color: #fff;
}
.template-chikorita .cv-section-skills h3,
.template-chikorita .cv-section-languages h3,
.template-chikorita .cv-section-links h3,
.template-leafish .cv-section-skills h3,
.template-leafish .cv-section-languages h3,
.template-leafish .cv-section-links h3 {
  color: #fff;
}
.template-chikorita .cv-preview-skills span,
.template-leafish .cv-preview-skills span {
  background: rgba(255,255,255,.18);
  color: #fff;
}
.template-ditgar,
.template-ditto,
.template-glalie {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 0 24px;
  padding: 0 30px 30px 0;
  background: linear-gradient(90deg, #d8eff8 0 30%, #fff 30% 100%);
}
.template-ditgar header,
.template-ditto header,
.template-glalie header {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  border: 0;
  padding: 26px 16px 12px;
}
.template-ditgar section,
.template-ditto section,
.template-glalie section {
  grid-column: 2;
}
.template-ditgar .cv-section-skills,
.template-ditgar .cv-section-languages,
.template-ditgar .cv-section-links,
.template-ditto .cv-section-skills,
.template-ditto .cv-section-languages,
.template-ditto .cv-section-links,
.template-glalie .cv-section-skills,
.template-glalie .cv-section-languages,
.template-glalie .cv-section-links {
  grid-column: 1;
  padding: 0 16px;
}
.template-gengar,
.template-kakuna,
.template-meowth {
  border-left: 12px solid #7c3aed;
}
.template-gengar header,
.template-kakuna header,
.template-meowth header {
  border-bottom-color: #7c3aed;
}
.template-gengar header p,
.template-kakuna header p,
.template-meowth header p {
  color: #6d28d9;
}
.template-pikachu,
.template-rhyhorn {
  border-top: 10px solid #f6c400;
}
.template-pikachu header,
.template-rhyhorn header {
  border-bottom-color: #f6c400;
}
.template-pikachu header p,
.template-rhyhorn header p {
  color: #9a6b00;
}
.cv-preview-panel .cv-preview-sheet {
  aspect-ratio: 210 / 297;
  min-height: auto;
  padding: 26px;
  overflow: hidden;
}
.cv-preview-panel .cv-preview-sheet h2 {
  font-size: 26px;
}
.cv-preview-panel .cv-preview-sheet h3 {
  font-size: 12px;
}
.cv-preview-panel .cv-preview-sheet p,
.cv-preview-panel .cv-preview-sheet li,
.cv-preview-panel .cv-preview-sheet em,
.cv-preview-panel .cv-preview-sheet span {
  font-size: 11px;
  line-height: 1.45;
}
.cv-preview-panel .cv-preview-sheet article {
  margin-top: 8px;
}
.cv-preview-panel .template-emerald-sidebar,
.cv-preview-panel .template-mono-timeline {
  grid-template-columns: 34% 1fr;
  gap: 0 18px;
  padding: 0 22px 24px 0;
}
.cv-preview-panel .template-emerald-sidebar {
  background: linear-gradient(90deg, #075d0a 0 34%, #fff 34% 100%);
}
.cv-preview-panel .template-mono-timeline {
  background: linear-gradient(90deg, #414143 0 34%, #fff 34% 100%);
}
.cv-preview-panel .template-emerald-sidebar header,
.cv-preview-panel .template-mono-timeline header {
  padding: 24px 12px 14px;
  gap: 10px;
}
.cv-preview-panel .template-emerald-sidebar .cv-preview-person,
.cv-preview-panel .template-mono-timeline .cv-preview-person {
  width: 88px;
  height: 88px;
}
.cv-preview-panel .template-emerald-sidebar h2,
.cv-preview-panel .template-mono-timeline h2 {
  font-size: 22px;
  overflow-wrap: anywhere;
}
.cv-preview-panel .template-emerald-sidebar .cv-preview-main,
.cv-preview-panel .template-emerald-sidebar header .cv-preview-main div,
.cv-preview-panel .template-mono-timeline .cv-preview-main,
.cv-preview-panel .template-mono-timeline header .cv-preview-main div {
  overflow-wrap: anywhere;
}
.cv-preview-panel .template-emerald-sidebar .cv-section-skills,
.cv-preview-panel .template-emerald-sidebar .cv-section-languages,
.cv-preview-panel .template-emerald-sidebar .cv-section-links,
.cv-preview-panel .template-mono-timeline .cv-section-skills,
.cv-preview-panel .template-mono-timeline .cv-section-languages,
.cv-preview-panel .template-mono-timeline .cv-section-links {
  padding: 0 12px;
}
.cv-preview-panel .template-emerald-sidebar h3 {
  font-size: 14px;
  padding: 6px 0;
}
.cv-preview-panel .template-mono-timeline .cv-section-experience article,
.cv-preview-panel .template-mono-timeline .cv-section-education article {
  padding-left: 18px;
}
.cv-preview-panel .template-yellow-profile {
  gap: 16px 18px;
  padding: 26px;
}
.cv-preview-panel .template-yellow-profile::before {
  width: 128px;
  height: 128px;
  right: 28px;
}
.cv-preview-panel .template-yellow-profile header {
  grid-template-columns: 1fr 128px;
  min-height: 150px;
  padding: 0 0 10px;
}
.cv-preview-panel .template-yellow-profile .cv-preview-person {
  width: 124px;
  height: 124px;
}
.cv-preview-panel .template-yellow-profile .cv-preview-main {
  width: min(230px, 100%);
  min-height: 126px;
  padding: 20px;
}
.cv-preview-panel .template-yellow-profile h2 {
  font-size: 24px;
}
.cv-preview-panel .template-yellow-profile h3 {
  font-size: 16px;
}
.cv-preview-panel .template-yellow-profile h3::before {
  width: 30px;
  height: 30px;
}
.cv-preview-panel .template-kornik {
  grid-template-columns: 36% 1fr;
  gap: 0 18px;
  padding: 0 22px 24px 0;
  background: linear-gradient(90deg, #edc331 0 36%, #fbfbfb 36% 100%);
}
.cv-preview-panel .template-kornik header {
  padding: 34px 0 14px;
}
.cv-preview-panel .template-kornik .cv-preview-main {
  padding-top: 34px;
}
.cv-preview-panel .template-kornik .cv-preview-person {
  width: 76px;
  height: 76px;
  margin: 28px auto 12px;
}
.cv-preview-panel .template-kornik h2 {
  font-size: 25px;
  overflow-wrap: anywhere;
}
.cv-preview-panel .template-kornik header p {
  font-size: 9px;
}
.cv-preview-panel .template-kornik .cv-section-skills,
.cv-preview-panel .template-kornik .cv-section-languages,
.cv-preview-panel .template-kornik .cv-section-links {
  padding: 0 12px;
}
.cv-preview-panel .template-kornik .cv-preview-skills span {
  grid-template-columns: 1fr;
  gap: 2px;
  overflow-wrap: anywhere;
}
.cv-preview-panel .template-kornik article {
  padding-left: 16px;
}
.cv-preview-panel .template-chikorita,
.cv-preview-panel .template-leafish {
  grid-template-columns: 66% 34%;
  padding: 0 0 22px 22px;
  background: linear-gradient(90deg, #fff 0 66%, #12845b 66% 100%);
}
.cv-preview-panel .template-chikorita header,
.cv-preview-panel .template-leafish header {
  grid-template-columns: 66% 34%;
  padding-top: 22px;
}
.cv-preview-panel .template-chikorita .cv-section-skills,
.cv-preview-panel .template-chikorita .cv-section-languages,
.cv-preview-panel .template-chikorita .cv-section-links,
.cv-preview-panel .template-leafish .cv-section-skills,
.cv-preview-panel .template-leafish .cv-section-languages,
.cv-preview-panel .template-leafish .cv-section-links {
  padding: 0 10px;
}
.cv-preview-panel .template-ditgar,
.cv-preview-panel .template-ditto,
.cv-preview-panel .template-glalie {
  grid-template-columns: 34% 1fr;
  gap: 0 16px;
  padding: 0 20px 22px 0;
  background: linear-gradient(90deg, #d8eff8 0 34%, #fff 34% 100%);
}
.cv-preview-panel .template-ditgar header,
.cv-preview-panel .template-ditto header,
.cv-preview-panel .template-glalie header {
  padding: 22px 10px 10px;
}
.cv-preview-panel .template-ditgar .cv-section-skills,
.cv-preview-panel .template-ditgar .cv-section-languages,
.cv-preview-panel .template-ditgar .cv-section-links,
.cv-preview-panel .template-ditto .cv-section-skills,
.cv-preview-panel .template-ditto .cv-section-languages,
.cv-preview-panel .template-ditto .cv-section-links,
.cv-preview-panel .template-glalie .cv-section-skills,
.cv-preview-panel .template-glalie .cv-section-languages,
.cv-preview-panel .template-glalie .cv-section-links {
  padding: 0 10px;
}
.cv-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.cv-list-card,
.cv-bank-card,
.cv-empty-state {
  padding: 18px;
}
.cv-list-card {
  display: grid;
  gap: 18px;
}
.cv-list-card h2,
.cv-bank-card h2,
.cv-empty-state h2 {
  margin: 10px 0 6px;
  font-size: 20px;
}
.cv-list-card p,
.cv-bank-card p,
.cv-empty-state p {
  margin: 0;
  color: var(--muted);
}
.cv-template-pill,
.cv-public-pill,
.cv-private-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 800;
}
.cv-template-pill {
  background: rgba(255,255,255,.08);
  color: var(--text);
}
.cv-public-pill {
  background: rgba(34,197,94,.16);
  color: #86efac;
}
.cv-private-pill {
  background: rgba(148,163,184,.16);
  color: #cbd5e1;
}
.cv-list-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 13px;
  margin-top: 10px;
}
.cv-list-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.cv-empty-state {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 10px;
}
.cv-empty-state i {
  font-size: 36px;
  color: var(--primary);
}
.cv-bank-search {
  display: flex;
  gap: 10px;
  min-width: min(460px, 100%);
}
.cv-bank-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  text-decoration: none;
  color: inherit;
}
.cv-bank-avatar {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
  font-size: 22px;
  overflow: hidden;
}
.cv-bank-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cv-public-toolbar {
  max-width: 860px;
  margin: 18px auto 0;
  padding: 14px 16px;
}
.cv-public-toolbar span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}
body.cv-builder-shell .cv-page-shell .panel-main {
  height: 100vh;
  overflow: hidden !important;
}
body.cv-public-shell .panel-layout,
body.cv-public-shell .cv-page-shell {
  height: auto !important;
  min-height: 100vh;
  overflow: visible !important;
}
body.cv-public-shell {
  display: flex;
  height: auto !important;
  min-height: 100vh;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.cv-public-shell .page,
body.cv-public-shell #appContent {
  height: auto !important;
  min-height: 100vh;
  overflow: visible !important;
}
body.cv-public-shell .cv-page-shell .panel-main {
  height: auto !important;
  min-height: 100vh;
  overflow-y: visible !important;
  overflow-x: hidden !important;
}
body.cv-public-shell .cv-page-shell .panel-main {
  padding-bottom: 48px;
}
@media (min-width: 861px) {
  body.cv-public-shell .cv-page-shell .js-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 256px;
    height: 100vh;
    overflow: auto;
    z-index: 20;
  }
  body.cv-public-shell .cv-page-shell .panel-main {
    grid-column: 2;
  }
}
body.cv-public-shell .cv-public-sheet {
  min-height: 297mm;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.cv-public-shell .template-chikorita,
body.cv-public-shell .template-leafish {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: start;
  background: linear-gradient(90deg, #fff 0 calc(100% - 240px), #12845b calc(100% - 240px) 100%);
}
body.cv-public-shell .template-chikorita header,
body.cv-public-shell .template-leafish header {
  grid-column: 1 / -1;
}
body.cv-public-shell .template-chikorita .cv-section-summary,
body.cv-public-shell .template-chikorita .cv-section-experience,
body.cv-public-shell .template-chikorita .cv-section-education,
body.cv-public-shell .template-leafish .cv-section-summary,
body.cv-public-shell .template-leafish .cv-section-experience,
body.cv-public-shell .template-leafish .cv-section-education {
  grid-column: 1;
}
body.cv-public-shell .template-chikorita .cv-section-skills,
body.cv-public-shell .template-chikorita .cv-section-languages,
body.cv-public-shell .template-chikorita .cv-section-links,
body.cv-public-shell .template-leafish .cv-section-skills,
body.cv-public-shell .template-leafish .cv-section-languages,
body.cv-public-shell .template-leafish .cv-section-links {
  grid-column: 2;
}
body.cv-builder-shell .cv-builder-layout {
  height: 100vh;
  overflow: hidden;
}
body.cv-builder-shell .cv-builder-panel,
body.cv-builder-shell .cv-preview-panel {
  max-height: calc(100vh - 36px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body.cv-builder-shell .cv-preview-panel {
  position: sticky;
  top: 18px;
}
.cv-floating-save {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 30;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}
.cv-floating-save .btn {
  min-height: 46px;
  padding: 0 18px;
  gap: 8px;
  box-shadow: 0 18px 42px rgba(255,107,29,.28);
  pointer-events: auto;
}
@media (max-width: 1180px) {
  .cv-builder-layout {
    grid-template-columns: 1fr;
  }
  .cv-preview-panel {
    position: sticky;
    top: 12px;
    z-index: 3;
  }
}
@media (max-width: 720px) {
  .cv-builder-layout {
    padding: 10px;
  }
  .cv-form-grid,
  .cv-repeat-row,
  .cv-repeat-row-edu,
  .cv-repeat-row-link {
    grid-template-columns: 1fr;
  }
  .cv-repeat-row textarea {
    grid-column: auto;
  }
  .cv-builder-top,
  .cv-public-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .cv-bank-search {
    flex-direction: column;
  }
  .cv-language-controls {
    grid-template-columns: 1fr;
  }
  .cv-period-builder,
  .cv-social-builder {
    grid-template-columns: 1fr;
  }
  .cv-template-options,
  .template-yellow-profile,
  .template-emerald-sidebar,
  .template-mono-timeline,
  .template-kornik {
    grid-template-columns: 1fr;
  }
  .template-emerald-sidebar::before,
  .template-mono-timeline::before {
    display: none;
  }
  .template-emerald-sidebar,
  .template-mono-timeline,
  .template-yellow-profile,
  .template-kornik {
    padding: 24px;
    background: #fff;
  }
  .template-emerald-sidebar header,
  .template-mono-timeline header,
  .template-emerald-sidebar section,
  .template-mono-timeline section,
  .template-emerald-sidebar .cv-section-skills,
  .template-emerald-sidebar .cv-section-languages,
  .template-emerald-sidebar .cv-section-links,
  .template-mono-timeline .cv-section-skills,
  .template-mono-timeline .cv-section-languages,
  .template-mono-timeline .cv-section-links,
  .template-kornik header,
  .template-kornik section,
  .template-kornik .cv-preview-person,
  .template-kornik .cv-section-skills,
  .template-kornik .cv-section-languages,
  .template-kornik .cv-section-links,
  .template-yellow-profile header,
  .template-yellow-profile .cv-section-summary,
  .template-yellow-profile .cv-section-links {
    grid-column: 1;
  }
  .template-emerald-sidebar header,
  .template-mono-timeline header {
    background: #075d0a;
    border-radius: 8px;
  }
  .template-mono-timeline header {
    background: #414143;
  }
  .template-yellow-profile header {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .template-yellow-profile .cv-preview-person,
  .template-yellow-profile .cv-preview-main {
    grid-column: 1;
  }
  .template-yellow-profile .cv-preview-person {
    width: 128px;
    height: 128px;
  }
  .template-yellow-profile::before {
    width: 132px;
    height: 132px;
    right: 24px;
  }
  .cv-preview-panel {
    position: static;
  }
  body.cv-builder-shell .cv-page-shell .panel-main,
  body.cv-builder-shell .cv-builder-layout,
  body.cv-builder-shell .cv-builder-panel,
  body.cv-builder-shell .cv-preview-panel {
    height: auto;
    max-height: none;
    overflow: visible !important;
  }
}
@media (max-width: 720px) {
  .cv-floating-save {
    left: 12px;
    right: 12px;
    bottom: 76px;
  }
  .cv-floating-save .btn {
    width: 100%;
    justify-content: center;
  }
}
/* Modern authentication surface */
.jooble-panel-shell .panel-main{
  background:
    radial-gradient(circle at 18% 14%, rgba(45,120,255,.10), transparent 34%),
    radial-gradient(circle at 82% 82%, rgba(255,107,29,.09), transparent 30%),
    #111820;
}
[data-theme="light"] .jooble-panel-shell .panel-main{
  background:
    radial-gradient(circle at 18% 14%, rgba(45,120,255,.09), transparent 34%),
    radial-gradient(circle at 82% 82%, rgba(255,107,29,.08), transparent 30%),
    #f4f7fb;
}
.jooble-auth-wrap{
  position:relative;
  min-height:100%;
  isolation:isolate;
}
.jooble-auth-wrap::before,
.jooble-auth-wrap::after{
  content:"";
  position:fixed;
  z-index:-1;
  width:260px;
  height:260px;
  border-radius:50%;
  filter:blur(70px);
  pointer-events:none;
  opacity:.22;
}
.jooble-auth-wrap::before{
  top:8%;
  right:10%;
  background:#2d78ff;
}
.jooble-auth-wrap::after{
  bottom:4%;
  left:12%;
  background:#ff6b1d;
}
.jooble-auth-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:40px 28px 56px;
}
.jooble-auth-grid-single{
  width:100%;
  grid-template-columns:minmax(0,560px);
}
.jooble-auth-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(27,37,48,.97), rgba(19,27,36,.96));
  box-shadow:0 28px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
}
.jooble-auth-card::before{
  content:"";
  position:absolute;
  top:0;
  left:10%;
  right:10%;
  height:2px;
  background:linear-gradient(90deg, transparent, #2d78ff 28%, #ff6b1d 72%, transparent);
  opacity:.9;
}
[data-theme="light"] .jooble-auth-card{
  border-color:rgba(30,55,84,.09);
  background:rgba(255,255,255,.93);
  box-shadow:0 24px 60px rgba(30,55,84,.13), inset 0 1px 0 #fff;
}
.jooble-auth-card-head{
  padding:32px 32px 20px;
  text-align:center;
}
.jooble-auth-title{
  justify-content:center;
  gap:12px;
  font-size:1.28rem;
  letter-spacing:-.02em;
}
.jooble-auth-title.is-accent{
  color:#f8fbff;
}
[data-theme="light"] .jooble-auth-title.is-accent{
  color:#172638;
}
.jooble-auth-icon{
  width:42px;
  height:42px;
  flex-basis:42px;
  border:1px solid rgba(255,131,63,.28);
  border-radius:13px;
  color:#fff;
  background:linear-gradient(145deg, #ff7b2d, #f2580c);
  box-shadow:0 10px 24px rgba(255,107,29,.24);
}
.jooble-auth-icon svg{
  width:20px;
  height:20px;
}
.jooble-auth-subtitle{
  max-width:390px;
  margin:13px auto 0;
  color:#94a3b6;
  font-size:.9rem;
  line-height:1.55;
}
[data-theme="light"] .jooble-auth-subtitle{
  color:#69798d;
}
.jooble-auth-card-body{
  padding:0 32px 32px;
}
.jooble-auth-switch{
  padding:5px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:rgba(10,16,22,.52);
  box-shadow:inset 0 1px 5px rgba(0,0,0,.16);
}
[data-theme="light"] .jooble-auth-switch{
  border-color:rgba(15,23,42,.06);
  background:#eef2f7;
}
.jooble-auth-stage .jooble-auth-switch-slider{
  top:5px;
  bottom:5px;
  left:5px;
  width:calc(50% - 5px);
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:linear-gradient(145deg, #273444, #202b37);
  box-shadow:0 7px 18px rgba(0,0,0,.22);
}
[data-theme="light"] .jooble-auth-stage .jooble-auth-switch-slider{
  border-color:rgba(15,23,42,.06);
  background:#fff;
  box-shadow:0 7px 18px rgba(30,55,84,.10);
}
.jooble-auth-stage .jooble-auth-switch-btn{
  min-height:44px;
  border-radius:10px;
  font-size:.93rem;
  letter-spacing:-.01em;
}
.jooble-auth-stage .jooble-auth-switch-btn:focus-visible{
  outline:2px solid #ff7b2d;
  outline-offset:-3px;
}
.jooble-auth-panels{
  margin-top:26px;
}
.jooble-auth-form{
  gap:18px;
}
.jooble-auth-field label{
  margin-bottom:8px;
  color:#dce5ef;
  font-size:.84rem;
  font-weight:750;
  letter-spacing:.01em;
}
[data-theme="light"] .jooble-auth-field label{
  color:#34465a;
}
.jooble-auth-input{
  min-height:52px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:rgba(10,16,22,.56);
  font-size:.96rem;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
}
.jooble-auth-input:hover{
  border-color:rgba(255,255,255,.16);
}
.jooble-auth-input:focus{
  border-color:#ff7b2d;
  background:rgba(10,16,22,.76);
  box-shadow:0 0 0 4px rgba(255,107,29,.13);
}
[data-theme="light"] .jooble-auth-input{
  border-color:#dce3eb;
  background:#f8fafc;
  box-shadow:none;
}
[data-theme="light"] .jooble-auth-input:hover{
  border-color:#c4ceda;
}
[data-theme="light"] .jooble-auth-input:focus{
  border-color:#f36b22;
  background:#fff;
}
.jooble-auth-submit{
  min-height:52px;
  margin-top:2px;
  border-radius:13px;
  background:linear-gradient(135deg, #ff7b2d, #f2580c);
  box-shadow:0 12px 26px rgba(255,107,29,.24);
  font-size:.96rem;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.jooble-auth-submit:hover{
  background:linear-gradient(135deg, #ff8740, #f76316);
  box-shadow:0 15px 30px rgba(255,107,29,.32);
  filter:saturate(1.05);
}
.jooble-auth-submit:active{
  transform:translateY(0) scale(.99);
}
.jooble-auth-submit:focus-visible,
.jooble-auth-social:focus-visible{
  outline:2px solid #ff9a5d;
  outline-offset:3px;
}
.jooble-auth-separator{
  margin:20px 0;
}
.jooble-auth-separator::before{
  border-top-color:rgba(255,255,255,.075);
}
.jooble-auth-separator span{
  padding:0 13px;
  background:#171f29;
  color:#7f8da0;
  font-size:.68rem;
  letter-spacing:.12em;
}
[data-theme="light"] .jooble-auth-separator span{
  background:#fff;
}
.jooble-auth-social{
  min-height:52px;
  border-color:rgba(255,255,255,.09);
  border-radius:13px;
  background:rgba(10,16,22,.47);
  font-size:.93rem;
  transition:transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.jooble-auth-social:hover{
  transform:translateY(-1px);
  border-color:rgba(45,120,255,.45);
  background:rgba(45,120,255,.09);
}
.jooble-auth-social svg{
  width:20px;
  height:20px;
  color:#4c91ff;
}
[data-theme="light"] .jooble-auth-social{
  border-color:#dce3eb;
  background:#f8fafc;
}
[data-theme="light"] .jooble-auth-social:hover{
  color:#172638;
  border-color:rgba(45,120,255,.35);
  background:rgba(45,120,255,.06);
}
.jooble-auth-note{
  margin:18px 0 0;
  padding:12px 14px;
  border:1px solid rgba(45,120,255,.12);
  border-radius:12px;
  background:rgba(45,120,255,.055);
  color:#9caabd;
  font-size:.82rem;
  line-height:1.55;
  text-align:center;
}
[data-theme="light"] .jooble-auth-note{
  border-color:rgba(45,120,255,.12);
  background:rgba(45,120,255,.045);
}
.jooble-auth-alert{
  margin-top:0;
  padding:12px 14px;
  border-radius:12px;
}

@media (max-width:860px){
  .jooble-panel-shell .panel-main{
    min-height:calc(100dvh - 64px) !important;
  }
  .jooble-auth-inner{
    align-items:flex-start;
    min-height:0;
    padding:20px 14px 34px !important;
  }
  .jooble-auth-card{
    border-radius:20px;
    box-shadow:0 18px 45px rgba(0,0,0,.24);
  }
  .jooble-auth-card-head{
    padding:24px 20px 17px !important;
  }
  .jooble-auth-card-body{
    padding:0 20px 24px !important;
  }
  .jooble-auth-title{
    font-size:1.12rem;
  }
  .jooble-auth-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:12px;
  }
  .jooble-auth-subtitle{
    margin-top:10px;
    font-size:.82rem;
  }
  .jooble-auth-panels{
    margin-top:20px;
  }
}

@media (max-width:480px){
  .jooble-auth-inner{
    padding:12px 10px 26px !important;
  }
  .jooble-auth-card{
    border-radius:18px;
  }
  .jooble-auth-card-head{
    padding:21px 16px 15px !important;
  }
  .jooble-auth-card-body{
    padding:0 16px 20px !important;
  }
  .jooble-auth-title{
    gap:10px;
    font-size:1.04rem;
  }
  .jooble-auth-subtitle{
    max-width:290px;
    font-size:.79rem;
  }
  .jooble-auth-stage .jooble-auth-switch-btn{
    min-height:42px;
    padding:0 6px;
    font-size:.84rem !important;
  }
  .jooble-auth-input,
  .jooble-auth-submit,
  .jooble-auth-social{
    min-height:48px;
  }
  .jooble-auth-form{
    gap:15px;
  }
  .jooble-auth-field label{
    font-size:.8rem;
  }
  .jooble-auth-note{
    padding:10px 12px;
    font-size:.78rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .jooble-auth-stage .jooble-auth-switch-slider,
  .jooble-auth-panels,
  .jooble-auth-panels-track,
  .jooble-auth-panel,
  .jooble-auth-submit,
  .jooble-auth-social{
    transition:none !important;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 0;
  }
  html,
  body {
    width: 210mm;
    min-height: 297mm;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }
  body * {
    visibility: hidden !important;
  }
  .panel-layout,
  .panel-main,
  .cv-page-shell,
  .cv-builder-layout,
  .cv-preview-panel,
  .cv-public-sheet,
  .cv-preview-sheet,
  .cv-preview-sheet * {
    visibility: visible !important;
  }
  .app-sidebar,
  .cv-builder-panel,
  .cv-preview-toolbar,
  .cv-public-toolbar,
  .cv-floating-save {
    display: none !important;
  }
  .panel-layout,
  .panel-main,
  .cv-page-shell,
  .cv-builder-layout,
  .cv-preview-panel {
    display: block !important;
    position: static !important;
    width: 210mm !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .cv-preview-sheet {
    position: static !important;
    inset: auto !important;
    width: 210mm !important;
    min-height: 297mm !important;
    max-width: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}