/* Administração: folha independente para autenticação e painel interno. */
:root {
  --admin-paper: var(--paper, #f7f8fa);
  --admin-ink: var(--ink, #292636);
  --admin-muted: var(--muted, #637178);
  --admin-line: var(--line, rgba(41, 38, 54, .14));
  --admin-line-soft: var(--line-soft, rgba(41, 38, 54, .08));
  --admin-purple: #5f51a1;
  --admin-teal: #4fabaa;
}

body:has(.careers-admin-access),
body:has(.admin-home),
body:has(.careers-admin-page),
body:has(.editorial-admin-page),
body:has(.versions-admin-page),
body:has(.analytics-admin-page),
body:has(.admin-access-panel),
body:has(.admin-data-panel),
body:has(.security-admin-panel),
body:has(.support-admin-page) {
  min-height: 100vh;
  margin: 0;
  color: var(--admin-ink);
  background: var(--admin-paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body:has(.projects-admin-page) { min-height: 100vh; margin: 0; color: var(--admin-ink); background: #eef5f4; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif; }

.projects-admin-page { width: 100%; max-width: none; padding-bottom: 60px; }
.project-command-center { width: min(1920px, calc(100% - clamp(28px, 4vw, 76px))); margin: 0 auto; display: grid; gap: 18px; }
.project-portfolio-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.project-portfolio-strip article { min-height: 74px; padding: 15px 17px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(79,171,170,.19); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 12px 34px rgba(35,59,61,.055); backdrop-filter: blur(16px); }
.project-portfolio-strip article > svg { color: #4fabaa; }
.project-portfolio-strip article span { display: grid; color: #637178; font-size: .72rem; }
.project-portfolio-strip article strong { color: #292636; font-size: 1.25rem; line-height: 1; }
.project-portfolio-strip .is-attention > svg, .project-portfolio-strip .is-attention strong { color: #a86610; }
.project-portfolio-strip .is-danger > svg, .project-portfolio-strip .is-danger strong { color: #a54052; }
.project-workspace-layout { min-height: 680px; display: grid; grid-template-columns: 290px minmax(0, 1fr); overflow: hidden; border: 1px solid rgba(79,171,170,.22); border-radius: 26px; background: rgba(255,255,255,.66); box-shadow: 0 22px 65px rgba(29,53,56,.08); backdrop-filter: blur(22px); }
.project-list-pane { min-width: 0; padding: 20px 14px; border-right: 1px solid rgba(41,38,54,.08); background: linear-gradient(155deg, rgba(255,255,255,.8), rgba(230,240,240,.62)); }
.project-list-pane > header { padding: 0 5px 14px; display: flex; justify-content: space-between; align-items: center; }
.project-list-pane > header div { display: grid; gap: 2px; }
.project-list-pane > header span, .project-titlebar > div > span, .project-team-view > header span, .project-updates-view > header span, .project-dashboard-grid section > header span, .project-timeline-view > header span, .project-dialog > header span { color: #4b9f9c; font-size: .63rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.project-list-pane > header strong { font-size: 1rem; }
.project-list-pane > header button, .project-title-actions button, .project-team-view > header button, .project-updates-view > header button { border: 0; border-radius: 11px; padding: 9px 11px; display: inline-flex; align-items: center; gap: 6px; color: #fff; background: #292636; font: inherit; font-size: .69rem; font-weight: 700; cursor: pointer; }
.project-search { height: 40px; margin: 0 3px 13px; padding: 0 11px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(41,38,54,.09); border-radius: 12px; background: rgba(255,255,255,.76); color: #637178; }
.project-search input { width: 100%; border: 0; outline: 0; color: #292636; background: transparent; font: inherit; font-size: .71rem; }
.project-list { display: grid; gap: 7px; }
.project-list > button { width: 100%; min-width: 0; padding: 13px 11px; display: grid; grid-template-columns: 9px 1fr; gap: 9px; text-align: left; border: 1px solid transparent; border-radius: 15px; color: #292636; background: transparent; cursor: pointer; }
.project-list > button:hover, .project-list > button.is-active { border-color: rgba(95,81,161,.18); background: rgba(255,255,255,.86); box-shadow: 0 8px 22px rgba(52,48,68,.06); }
.project-list > button > span:last-child { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; }
.project-list button small { grid-column: 1 / -1; overflow: hidden; color: #6d7980; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.project-list button strong { min-width: 0; overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.project-list button em { font-size: .62rem; font-style: normal; color: #536268; }
.project-list button span span { height: 4px; align-self: center; overflow: hidden; border-radius: 999px; background: rgba(41,38,54,.08); }
.project-list button span span i { height: 100%; display: block; border-radius: inherit; background: #4fabaa; }
.project-health { width: 8px; height: 8px; margin-top: 3px; display: inline-block; border-radius: 50%; background: #4fabaa; box-shadow: 0 0 0 4px rgba(79,171,170,.12); }
.project-health.is-yellow { background: #d28a2e; box-shadow: 0 0 0 4px rgba(210,138,46,.13); }
.project-health.is-red { background: #b85264; box-shadow: 0 0 0 4px rgba(184,82,100,.13); }
.project-main-pane { min-width: 0; background: rgba(250,252,252,.7); }
.project-titlebar { min-height: 130px; padding: 25px 28px 20px; display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(41,38,54,.08); }
.project-titlebar h2 { margin: 5px 0 6px; font-size: clamp(1.45rem, 2.4vw, 2rem); letter-spacing: -.035em; }
.project-titlebar p { max-width: 730px; margin: 0; color: #637178; font-size: .76rem; line-height: 1.5; }
.project-title-actions { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.project-health-label { padding: 9px 11px; border-radius: 11px; color: #287873; background: rgba(79,171,170,.13); font-size: .68rem; font-weight: 750; }
.project-health-label.is-yellow { color: #9a620f; background: rgba(210,138,46,.14); }
.project-health-label.is-red { color: #96384a; background: rgba(184,82,100,.14); }
.project-view-tabs { padding: 12px 28px 0; display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid rgba(41,38,54,.08); }
.project-view-tabs button { min-height: 42px; padding: 0 13px; display: flex; align-items: center; gap: 7px; border: 0; border-bottom: 2px solid transparent; color: #69757b; background: transparent; font: inherit; font-size: .7rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
.project-view-tabs button.is-active { color: #292636; border-bottom-color: #5f51a1; }
.project-dashboard-view, .project-grid-wrap, .project-team-view, .project-updates-view, .project-timeline-view { padding: 22px 28px 28px; }
.project-dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.project-dashboard-metrics article { min-height: 104px; padding: 17px; position: relative; display: grid; align-content: center; gap: 6px; border: 1px solid rgba(41,38,54,.08); border-radius: 17px; background: rgba(255,255,255,.8); }
.project-dashboard-metrics article > span { color: #6a777d; font-size: .67rem; }
.project-dashboard-metrics article > strong { font-size: 1.5rem; }
.project-dashboard-metrics article > strong small { color: #7d878d; font-size: .72rem; }
.project-dashboard-metrics article > svg { position: absolute; top: 18px; right: 17px; color: #4fabaa; }
.project-dashboard-metrics article > div { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(41,38,54,.08); }
.project-dashboard-metrics article > div i { height: 100%; display: block; background: linear-gradient(90deg, #5f51a1, #4fabaa); }
.project-dashboard-grid { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.project-dashboard-grid > section { min-width: 0; min-height: 270px; padding: 20px; border: 1px solid rgba(41,38,54,.08); border-radius: 18px; background: rgba(255,255,255,.76); }
.project-dashboard-grid h3, .project-team-view h3, .project-updates-view h3, .project-timeline-view h3 { margin: 4px 0 16px; font-size: 1rem; }
.project-dashboard-grid dl { margin: 0; display: grid; gap: 9px; }
.project-dashboard-grid dl div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 9px; border-bottom: 1px solid rgba(41,38,54,.07); font-size: .7rem; }
.project-dashboard-grid dt { color: #6b777d; }
.project-dashboard-grid dd { margin: 0; text-align: right; font-weight: 700; }
.project-latest-update { display: grid; grid-template-columns: 10px 1fr; gap: 10px; }
.project-latest-update p { color: #536268; font-size: .72rem; line-height: 1.55; white-space: pre-wrap; }
.project-latest-update small, .project-activity-card small { color: #7b858a; font-size: .62rem; }
.project-activity-card > div { display: grid; gap: 10px; }
.project-activity-card p { margin: 0; display: flex; gap: 8px; color: #4fabaa; }
.project-activity-card p span { display: grid; gap: 2px; color: #292636; font-size: .66rem; }
.project-data-grid { min-width: 920px; display: grid; grid-template-columns: minmax(240px, 1.7fr) minmax(170px, 1fr) 150px 105px 105px 110px; border-bottom: 1px solid rgba(41,38,54,.07); }
.project-data-grid > span { min-width: 0; min-height: 62px; padding: 10px 12px; display: flex; align-items: center; gap: 7px; border-right: 1px solid rgba(41,38,54,.06); color: #536268; font-size: .68rem; }
.project-data-grid > span:first-child { display: grid; grid-template-columns: 6px 1fr; align-content: center; }
.project-data-grid > span:first-child i { width: 6px; height: 20px; grid-row: 1 / 3; border-radius: 999px; background: #879399; }
.project-data-grid > span:first-child i.is-high, .project-data-grid > span:first-child i.is-critical { background: #b85264; }
.project-data-grid > span:first-child strong { color: #292636; font-size: .72rem; }
.project-data-grid > span:first-child small { overflow: hidden; color: #7b858a; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.project-data-grid.is-head { border: 1px solid rgba(41,38,54,.08); border-radius: 12px 12px 0 0; background: #eef3f3; }
.project-data-grid.is-head span { min-height: 39px; color: #59666c; font-size: .63rem; font-weight: 750; }
.project-grid-wrap { overflow-x: auto; }
.project-grid-wrap .valiant-select-shell { min-width: 125px; }
.project-progress { width: 58px; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(41,38,54,.09); }
.project-progress b { height: 100%; display: block; background: #4fabaa; }
.project-board { padding: 22px 20px 28px; display: grid; grid-template-columns: repeat(5, minmax(185px, 1fr)); gap: 10px; overflow-x: auto; }
.project-board > section { min-width: 185px; padding: 10px; border-radius: 16px; background: rgba(231,239,239,.7); }
.project-board > section > header { padding: 3px 4px 10px; display: flex; justify-content: space-between; color: #526168; font-size: .68rem; font-weight: 750; }
.project-board > section > header strong { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.85); }
.project-board > section > div { display: grid; gap: 8px; }
.project-board article { padding: 13px; display: grid; gap: 8px; border: 1px solid rgba(41,38,54,.07); border-radius: 13px; background: rgba(255,255,255,.88); box-shadow: 0 6px 16px rgba(41,38,54,.04); }
.project-board article > i { width: 28px; height: 3px; border-radius: 9px; background: #899399; }
.project-board article > i.is-high, .project-board article > i.is-critical { background: #b85264; }
.project-board article > strong { font-size: .71rem; }
.project-board article > small { color: #6b777d; font-size: .6rem; }
.project-board article > span { height: 4px; overflow: hidden; border-radius: 9px; background: rgba(41,38,54,.08); }
.project-board article > span b { height: 100%; display: block; background: #4fabaa; }
.project-team-view > header, .project-updates-view > header, .project-timeline-view > header { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.project-team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.project-team-grid article { padding: 16px; display: grid; grid-template-columns: 44px 1fr minmax(100px, .7fr); gap: 12px; align-items: center; border: 1px solid rgba(41,38,54,.08); border-radius: 16px; background: rgba(255,255,255,.8); }
.project-team-grid article > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: #292636; font-size: .68rem; font-weight: 800; }
.project-team-grid article > div { min-width: 0; display: grid; gap: 3px; }
.project-team-grid article div strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; }
.project-team-grid article div small { overflow: hidden; color: #6c787e; font-size: .6rem; text-overflow: ellipsis; }
.project-team-grid article div em { color: #4b9f9c; font-size: .6rem; font-style: normal; font-weight: 700; }
.project-team-grid article > div:last-child { text-align: right; }
.project-team-grid article > div:last-child span { height: 5px; overflow: hidden; border-radius: 9px; background: rgba(41,38,54,.08); }
.project-team-grid article > div:last-child i { height: 100%; display: block; background: linear-gradient(90deg, #5f51a1, #4fabaa); }
.project-updates-view > div { display: grid; gap: 10px; }
.project-updates-view > div > article { padding: 17px; display: grid; grid-template-columns: 10px 1fr; gap: 12px; border: 1px solid rgba(41,38,54,.08); border-radius: 16px; background: rgba(255,255,255,.8); }
.project-updates-view article header { display: flex; justify-content: space-between; gap: 12px; }
.project-updates-view article header strong { font-size: .76rem; }
.project-updates-view article header small, .project-updates-view article > div > small { color: #748087; font-size: .6rem; }
.project-updates-view article p { margin: 8px 0; color: #526168; font-size: .7rem; line-height: 1.55; white-space: pre-wrap; }
.project-timeline-grid { min-width: 780px; display: grid; }
.project-timeline-grid > div { display: grid; grid-template-columns: 240px 1fr; border-bottom: 1px solid rgba(41,38,54,.07); }
.project-timeline-grid > div > span, .project-timeline-grid > div > i { min-height: 54px; padding: 10px; }
.project-timeline-grid > div > span { display: grid; align-content: center; gap: 3px; font-style: normal; }
.project-timeline-grid > div > span strong { font-size: .69rem; }
.project-timeline-grid > div > span small { color: #768087; font-size: .58rem; }
.project-timeline-grid > div > i { position: relative; display: block; border-left: 1px solid rgba(41,38,54,.07); background: repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), rgba(41,38,54,.05) calc(12.5% - 1px), rgba(41,38,54,.05) 12.5%); }
.project-timeline-grid > div > i > b { height: 22px; position: absolute; top: 16px; overflow: hidden; border-radius: 7px; background: #8d85b9; }
.project-timeline-grid > div > i > b.is-done { background: #4fabaa; }
.project-timeline-grid > div > i > b.is-blocked { background: #b85264; }
.project-timeline-grid > div > i > b em { height: 100%; display: block; background: rgba(255,255,255,.24); }
.project-empty-main { min-height: 640px; padding: 40px; display: grid; place-content: center; justify-items: center; text-align: center; }
.project-empty-main > svg, .project-empty-tasks > svg, .project-empty-small > svg { color: #4fabaa; }
.project-empty-main > span { margin-top: 12px; color: #4b9f9c; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.project-empty-main h2 { margin: 8px 0; }
.project-empty-main p { max-width: 470px; margin: 0 0 18px; color: #637178; font-size: .74rem; line-height: 1.55; }
.project-empty-small, .project-empty-tasks { padding: 26px 16px; display: grid; justify-items: center; text-align: center; color: #637178; }
.project-empty-small strong, .project-empty-tasks strong { margin-top: 8px; color: #292636; font-size: .74rem; }
.project-empty-small p, .project-empty-tasks p { margin: 4px 0 0; font-size: .64rem; }
.project-dialog-backdrop { padding: 24px; position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; background: rgba(29,28,39,.46); backdrop-filter: blur(9px); }
.project-dialog { width: min(650px, 100%); max-height: calc(100svh - 40px); padding: 24px; overflow-y: auto; border: 1px solid rgba(255,255,255,.7); border-radius: 24px; background: rgba(250,251,252,.97); box-shadow: 0 35px 95px rgba(28,24,39,.24); }
.project-dialog > header { display: flex; justify-content: space-between; align-items: flex-start; }
.project-dialog h2 { margin: 5px 0 18px; font-size: 1.5rem; }
.project-dialog > header > button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(41,38,54,.09); border-radius: 12px; color: #292636; background: #fff; cursor: pointer; }
.project-dialog form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.project-dialog label { display: grid; gap: 6px; color: #4f5d64; font-size: .68rem; font-weight: 700; }
.project-dialog label.is-full, .project-dialog .is-full { grid-column: 1 / -1; }
.project-dialog input, .project-dialog textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid rgba(41,38,54,.13); border-radius: 12px; outline: 0; color: #292636; background: #fff; font: inherit; resize: vertical; }
.project-dialog input:focus, .project-dialog textarea:focus { border-color: #4fabaa; box-shadow: 0 0 0 4px rgba(79,171,170,.12); }
.project-dialog .project-check { display: flex; grid-template-columns: none; align-items: center; gap: 9px; }
.project-dialog .project-check input { width: 17px; min-height: 17px; accent-color: #5f51a1; }
.project-form-message { margin: 12px 0 0; color: #a54052; font-size: .68rem; }

@media (max-width: 1180px) {
  .project-portfolio-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .project-dashboard-grid { grid-template-columns: 1fr 1fr; }
  .project-dashboard-grid > section:last-child { grid-column: 1 / -1; }
}
@media (max-width: 880px) {
  .project-command-center { width: calc(100% - 24px); }
  .project-workspace-layout { grid-template-columns: 1fr; }
  .project-list-pane { border-right: 0; border-bottom: 1px solid rgba(41,38,54,.08); }
  .project-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-titlebar { flex-direction: column; }
  .project-title-actions { justify-content: flex-start; }
}
@media (max-width: 620px) {
  .project-portfolio-strip, .project-dashboard-metrics, .project-dashboard-grid, .project-team-grid, .project-list { grid-template-columns: 1fr; }
  .project-dashboard-grid > section:last-child { grid-column: auto; }
  .project-titlebar, .project-dashboard-view, .project-grid-wrap, .project-team-view, .project-updates-view, .project-timeline-view { padding-left: 16px; padding-right: 16px; }
  .project-view-tabs { padding-left: 12px; padding-right: 12px; }
  .project-dialog form { grid-template-columns: 1fr; }
  .project-dialog label.is-full, .project-dialog .is-full { grid-column: auto; }
}

body:has(.careers-admin-access) *,
body:has(.admin-home) *,
body:has(.careers-admin-page) * { box-sizing: border-box; }

.careers-admin-access {
  height: 100vh;
  height: 100svh;
  min-height: 0;
  padding: 0;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #2c2439;
}

.careers-admin-access.admin-root-page {
  background: linear-gradient(125deg, #123a37 0%, #1c4b47 36%, #342b46 70%, #4a3563 100%);
}

.careers-admin-access.admin-activation-page {
  padding: 0;
  overflow: hidden;
  background: #123a37;
}

.admin-activation-card {
  width: min(780px, 100%);
  padding: clamp(28px, 4vw, 48px);
  display: grid;
  justify-items: stretch;
  border: 1px solid rgba(41, 38, 54, .1);
  border-radius: 24px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 30px 80px rgba(41, 38, 54, .12), inset 0 1px 0 #fff;
}

.admin-activation-heading { display: grid; grid-template-columns: 52px 1fr; column-gap: 16px; align-items: center; }
.admin-activation-heading > div { width: 52px; height: 52px; grid-row: 1 / 4; display: grid; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(145deg, #5f51a1, #4fabaa); box-shadow: 0 14px 28px rgba(95, 81, 161, .18); }
.admin-activation-heading > span { color: #5f51a1; font-size: .7rem; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.admin-activation-card .admin-activation-heading h1 { margin: 6px 0 7px; color: #292636 !important; font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1; letter-spacing: -.04em; }
.admin-activation-heading > p { margin: 0; color: #637178; font-size: .86rem; line-height: 1.5; }
.admin-activation-security { margin-top: 24px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(154, 75, 0, .34); border-radius: 13px; color: #9a4b00; background: rgba(255, 127, 1, .11); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34); }
.admin-activation-security p { margin: 0; display: grid; gap: 2px; }
.admin-activation-security strong { color: #843f00; font-size: .76rem; }
.admin-activation-security span { color: #8b4a12; font-size: .72rem; letter-spacing: 0; text-transform: none; }
.admin-activation-card > small { margin-top: 16px; color: #637178; font-size: .72rem; line-height: 1.5; }
.admin-activation-card .native-admin-auth-form { margin-top: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 18px; }
.admin-activation-card .native-admin-auth-form label { color: #47545c; font-size: .76rem; }
.admin-activation-card .native-admin-auth-form input { min-height: 50px; border-color: rgba(41, 38, 54, .14); color: #1f2b33; background: #f8fafb; }
.admin-activation-card .native-admin-auth-form input:hover { border-color: rgba(95, 81, 161, .3); background: #fff; }
.admin-activation-card .native-admin-auth-form input:focus-visible { border-color: #4fabaa; background: #fff; box-shadow: 0 0 0 4px rgba(79, 171, 170, .12); }
.admin-activation-card .native-password-field button { min-height: 50px; color: #292636; background: #eef0f3; box-shadow: none; }
.admin-activation-card .native-admin-auth-form > :is(small, button, a, p) { grid-column: 1 / -1; }
.admin-activation-card .native-admin-auth-form > small { color: #637178; font-size: .7rem; }
.admin-activation-card .native-admin-auth-form > button:not(.admin-login-glass) { min-height: 50px; margin-top: 3px; border-radius: 12px; background: linear-gradient(135deg, #5f51a1, #4b4267 62%, #478f8d 130%); box-shadow: 0 13px 26px rgba(66, 56, 91, .2); }
.admin-activation-card .native-admin-auth-form > a { color: #3d918e; font-size: .74rem; }

html[data-theme="dark"] .careers-admin-access.admin-activation-page { color: #1f2b33; background: radial-gradient(circle at 12% 12%, rgba(79, 171, 170, .16), transparent 30%), radial-gradient(circle at 88% 88%, rgba(95, 81, 161, .11), transparent 34%), linear-gradient(145deg, #f8fafb 0%, #f1f5f5 54%, #f6f3f8 100%); }
html[data-theme="dark"] .admin-activation-card { color: #1f2b33; border-color: rgba(41, 38, 54, .1); background: rgba(255, 255, 255, .94); box-shadow: 0 30px 80px rgba(41, 38, 54, .12), inset 0 1px 0 #fff; }
html[data-theme="dark"] .admin-activation-card :is(.native-admin-auth-form input, .native-password-field button) { color: #1f2b33; border-color: rgba(41, 38, 54, .14); background: #f8fafb; }

.admin-access-panel.admin-activation-panel {
  width: min(720px, calc(100vw - 48px));
  height: auto;
  min-height: 0;
  max-height: calc(100svh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding: 28px 36px;
}

.admin-activation-panel .admin-activation-security {
  margin-top: 18px;
  padding: 11px 13px;
}

.admin-activation-panel .native-admin-auth-form {
  margin-top: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}

.admin-activation-panel .native-admin-auth-form label {
  min-width: 0;
  align-content: start;
}

.admin-activation-panel .native-password-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  position: static;
}

.admin-activation-panel .native-password-field input {
  padding-right: 16px;
}

.admin-activation-panel .native-password-field button {
  width: 96px;
  min-width: 96px;
  min-height: 40px;
  position: static;
  padding: 0 14px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(45, 34, 65, .07);
}

.admin-activation-panel .native-admin-auth-form > :is(small, button, a, p) { grid-column: 1 / -1; }
.admin-activation-panel .native-admin-auth-form > .admin-login-glass { margin-top: 2px; }
.admin-activation-setup-note { margin-top: 12px; line-height: 1.45; }

.admin-access-frame {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(24px, 4vw, 56px);
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.admin-access-panel {
  width: min(420px, 100%);
  height: auto;
  max-height: calc(100svh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  min-width: 0;
  min-height: 0;
  padding: 26px 32px;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 81, 161, .42) transparent;
  -webkit-overflow-scrolling: touch;
  border: 0;
  border-radius: 24px;
  background: rgba(250, 251, 252, .92);
  box-shadow: 0 28px 80px rgba(14, 8, 24, .24);
  backdrop-filter: blur(24px);
}

.admin-access-panel::-webkit-scrollbar { width: 8px; }
.admin-access-panel::-webkit-scrollbar-track { background: transparent; }
.admin-access-panel::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(95, 81, 161, .42); background-clip: padding-box; }

.admin-access-panel > span,
.careers-admin-header span,
.careers-admin-section > header span {
  color: var(--admin-purple);
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.careers-admin-access h1 {
  margin: 10px 0 8px;
  color: var(--admin-ink);
  font-size: clamp(1.85rem, 3vw, 2.3rem);
  line-height: .98;
  letter-spacing: -.045em;
  font-weight: 560;
}

.admin-access-panel > p {
  max-width: 380px;
  margin: 0;
  color: var(--admin-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.admin-access-visual {
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(42px, 4.2vw, 62px);
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  color: #f5f1f8;
  background:
    radial-gradient(circle at 80% 18%, rgba(79, 171, 170, .28), transparent 28%),
    radial-gradient(circle at 14% 80%, rgba(125, 108, 188, .34), transparent 34%),
    linear-gradient(145deg, #2c2439 0%, #352944 48%, #46345e 100%);
  isolation: isolate;
}
.admin-access-visual.project-access-visual {
  background:
    radial-gradient(circle at 76% 20%, rgba(76, 191, 185, .25), transparent 30%),
    linear-gradient(145deg, #123641 0%, #184f58 52%, #253f64 100%);
}

.admin-access-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255, 255, 255, .24) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .24) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(145deg, transparent 4%, #000 42%, transparent 94%);
}

.admin-access-visual::after {
  content: "";
  width: 310px;
  height: 310px;
  position: absolute;
  right: -148px;
  bottom: -138px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255, 255, 255, .025), 0 0 0 96px rgba(255, 255, 255, .018);
}

.admin-access-visual-copy { width: min(390px, 32vw); position: absolute; top: clamp(44px, 7vh, 88px); right: clamp(24px, 3vw, 52px); z-index: 2; }
.admin-access-visual-copy > span { color: #a8dedc; font-size: .6875rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.admin-access-visual-copy strong { max-width: 380px; margin-top: 17px; display: block; font-size: clamp(2rem, 3.3vw, 3.25rem); font-weight: 540; line-height: 1; letter-spacing: -.04em; }
.admin-access-visual-copy p { max-width: 390px; margin: 18px 0 0; color: rgba(245, 241, 248, .7); font-size: .9rem; line-height: 1.6; }

.admin-access-diagram {
  width: min(430px, 34vw);
  aspect-ratio: 1;
  margin: 0;
  position: absolute;
  right: clamp(8px, 2vw, 32px);
  bottom: clamp(24px, 4vh, 58px);
}

.admin-access-orbit {
  position: absolute;
  inset: 15%;
  border: 1px solid rgba(202, 192, 225, .24);
  border-radius: 50%;
}

.admin-access-orbit.is-inner { inset: 29%; border-color: rgba(79, 171, 170, .3); }

.admin-access-core {
  width: 112px;
  height: 112px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 30px;
  color: #b8e8e6;
  background: linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .065));
  box-shadow: 0 24px 55px rgba(14, 8, 24, .28), inset 0 1px rgba(255, 255, 255, .2);
  backdrop-filter: blur(12px);
  transform: translate(-50%, -50%) rotate(-4deg);
  animation: adminAccessFloat 7s ease-in-out infinite;
}

.admin-access-core::after {
  content: "";
  width: 68%;
  height: 15px;
  position: absolute;
  left: 16%;
  bottom: -38px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(14, 8, 24, .36);
  filter: blur(11px);
}

.admin-access-node {
  min-width: 104px;
  min-height: 47px;
  padding: 0 13px;
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  color: rgba(255, 255, 255, .82);
  background: rgba(255, 255, 255, .075);
  box-shadow: 0 16px 32px rgba(14, 8, 24, .16);
  backdrop-filter: blur(10px);
  font-size: .7rem;
  font-weight: 620;
}

.admin-access-node svg { color: #82cfcc; }
.admin-access-node.is-data { top: 13%; left: 3%; transform: rotate(-5deg); }
.admin-access-node.is-flow { top: 23%; right: -1%; transform: rotate(4deg); }
.admin-access-node.is-access { left: 11%; bottom: 13%; transform: rotate(3deg); }

.admin-access-signal {
  width: 8px;
  height: 8px;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  background: #6fc4c1;
  box-shadow: 0 0 0 5px rgba(111, 196, 193, .1), 0 0 22px rgba(111, 196, 193, .8);
  animation: adminAccessSignal 5.5s ease-in-out infinite;
}

.admin-access-signal.is-signal-one { top: 30%; left: 26%; }
.admin-access-signal.is-signal-two { top: 66%; right: 22%; animation-delay: -1.8s; }
.admin-access-signal.is-signal-three { bottom: 24%; left: 36%; animation-delay: -3.6s; }

.admin-access-visual-foot { position: absolute; left: clamp(30px, 5vw, 80px); bottom: clamp(26px, 4vh, 52px); display: flex; align-items: center; gap: 10px; color: rgba(245, 241, 248, .58); font-size: .625rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-access-visual-foot i { width: 24px; height: 1px; display: block; background: #6fc4c1; }

@keyframes adminAccessFloat {
  0%, 100% { transform: translate(-50%, -50%) rotate(-4deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotate(-1deg) translateY(-9px); }
}

@keyframes adminAccessSignal {
  0%, 100% { opacity: .36; transform: scale(.82); }
  50% { opacity: 1; transform: scale(1.16); }
}

.careers-admin-access small { color: var(--admin-muted); }
.careers-admin-access .button { margin-top: 26px; }

.native-admin-auth-form {
  width: 100%;
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 12px;
}

.native-admin-auth-form label {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  color: var(--admin-muted);
  font-size: .74rem;
  font-weight: 680;
}

.native-admin-auth-form label > span:first-child { display: block; }

.native-admin-auth-form input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--admin-line);
  border-radius: 12px;
  color: var(--admin-ink);
  background: rgba(255, 255, 255, .84);
  font: inherit;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.native-admin-auth-form input:focus-visible {
  border-color: var(--admin-teal);
  box-shadow: 0 0 0 4px rgba(79, 171, 170, .13);
  background: #fff;
}

.native-mfa-code-field { min-width: 0; display: grid; gap: 7px; color: var(--admin-muted); font-size: .74rem; font-weight: 680; }
.native-mfa-code-field > small { color: var(--admin-muted); font-size: .68rem; font-weight: 500; line-height: 1.4; }
.mfa-code-input { display: grid; grid-template-columns: repeat(3, minmax(40px, 1fr)) auto repeat(3, minmax(40px, 1fr)); align-items: center; gap: 8px; }
.native-admin-auth-form .mfa-code-input input { min-width: 0; min-height: 54px; padding: 0; text-align: center; font-size: 1.25rem; font-weight: 720; font-variant-numeric: tabular-nums; }
.mfa-code-separator { color: var(--admin-muted); font-size: .95rem; font-weight: 500; }

.native-password-field {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.native-password-field button {
  min-width: 88px;
  min-height: 44px;
  padding: 0 15px;
  border: 0;
  border-radius: 10px;
  color: var(--admin-ink);
  background: var(--button-glass-light);
  box-shadow: 0 6px 16px rgba(45,34,65,.07);
  font-family: inherit;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
}

.native-admin-auth-form > button:not(.admin-login-glass) {
  width: 100%;
  min-height: 42px;
  margin-top: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--button-glass-purple);
  box-shadow: var(--button-glass-shadow);
  backdrop-filter: blur(17px) saturate(128%);
  -webkit-backdrop-filter: blur(17px) saturate(128%);
  font-family: inherit;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.native-admin-auth-form > button:not(.admin-login-glass):hover:not(:disabled) {
  background: var(--button-glass-purple-hover);
  box-shadow: var(--button-glass-shadow-hover);
  transform: translateY(-1px);
}

.native-admin-auth-form > .admin-login-glass {
  width: 100%;
  min-height: 54px;
  margin-top: 4px;
  padding: 0 8px 0 22px;
  justify-content: space-between;
  border-radius: 18px;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.native-admin-auth-form > .admin-login-glass .button-inset-arrow {
  width: 44px;
  height: 42px;
  flex-basis: 44px;
  border-radius: 13px;
}

.native-admin-auth-form button:disabled { opacity: .58; cursor: wait; }

.native-admin-auth-form > a {
  width: fit-content;
  margin-top: 2px;
  color: var(--admin-teal);
  font-size: .74rem;
  font-weight: 680;
  text-decoration: none;
}

.native-admin-auth-form > a:hover { text-decoration: underline; }
.native-admin-auth-error { min-height: 16px; margin: 0 !important; color: #9d4a35 !important; font-size: .75rem; }
.native-admin-auth-error:empty { display: none; }
.admin-signout-form { margin: 0; }
.admin-signout-form button { padding: 0; border: 0; color: var(--admin-teal); background: transparent; font: inherit; font-weight: 650; cursor: pointer; }

.admin-home {
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(16px, 2.2vw, 28px) clamp(24px, 4vw, 52px) clamp(24px, 4vw, 52px);
  position: relative;
  display: grid;
  place-items: start center;
  overflow: hidden;
  color: var(--admin-ink);
  background:
    radial-gradient(circle at 82% 14%, rgba(79, 171, 170, .2), transparent 28%),
    radial-gradient(circle at 10% 88%, rgba(95, 81, 161, .14), transparent 32%),
    linear-gradient(105deg, #e4efed 0%, #e9f1ed 38%, #f0f1f4 68%, #f0eef8 100%);
  isolation: isolate;
}

.admin-home::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .16;
  background-image:
    linear-gradient(rgba(42, 39, 55, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 39, 55, .16) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(145deg, transparent 3%, #000 40%, transparent 96%);
}

.admin-home-backdrop { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.admin-home-orbit { position: absolute; border: 1px solid rgba(95, 81, 161, .16); border-radius: 50%; }
.admin-home-orbit.is-outer { width: 430px; height: 430px; right: -96px; bottom: -142px; }
.admin-home-orbit.is-inner { width: 260px; height: 260px; right: -10px; bottom: -58px; border-color: rgba(79, 171, 170, .24); }
.admin-home-orbit-core { width: 82px; height: 82px; position: absolute; right: 80px; bottom: 33px; display: grid; place-items: center; border: 1px solid rgba(95, 81, 161, .14); border-radius: 24px; color: var(--admin-teal); background: rgba(255, 255, 255, .46); box-shadow: 0 20px 46px rgba(65, 54, 91, .13); backdrop-filter: blur(12px); transform: rotate(-5deg); }

.admin-home-shell {
  width: min(1240px, 100%);
  padding: 0;
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.admin-home-account { padding-bottom: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--admin-line-soft); }
.admin-home-account > span { color: var(--admin-purple); font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.admin-home-account > .admin-home-brand { min-height: 31px; display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.admin-home-account > .admin-home-brand:focus-visible { outline: 2px solid var(--admin-teal); outline-offset: 6px; border-radius: 4px; }
.admin-home-brand-logo { width: 112px; display: block; flex: 0 0 auto; line-height: 0; }
.admin-home-brand-logo img { width: 100%; height: auto; display: block; }
.admin-home-brand-logo .is-dark { display: none; }
.admin-home-account > div { display: flex; align-items: center; justify-content: flex-end; gap: 14px; color: var(--admin-muted); font-size: .72rem; }
.admin-layout {
  --admin-page-gutter: clamp(28px, 4.5vw, 92px);
  min-height: 100svh;
  background: var(--admin-paper);
}
.admin-mfa-enforced-copy { margin: 0; color: #526168; font-size: .67rem; line-height: 1.55; }
.admin-layout > main:not(.careers-admin-access) {
  width: 100%;
  max-width: none;
  padding-inline: var(--admin-page-gutter) !important;
}
.admin-layout > main:not(.careers-admin-access) > .careers-admin-header {
  width: 100%;
  max-width: none;
  margin-inline: 0 !important;
}
.admin-layout :is(
  .admin-home-shell,
  .analytics-dashboard,
  .editorial-admin-panel,
  .support-admin-content,
  .project-command-center
) {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.admin-global-header { width: 100%; padding: 10px var(--admin-page-gutter); position: sticky; top: 0; z-index: 120; border-bottom: 1px solid var(--admin-line-soft); background: linear-gradient(105deg, rgba(228,239,237,.97) 0%, rgba(233,241,237,.97) 38%, rgba(240,241,244,.97) 68%, rgba(240,238,248,.97) 100%); box-shadow: 0 8px 22px rgba(41,38,54,.045); backdrop-filter: blur(18px); }
.admin-global-header-inner { width: 100%; max-width: none; min-height: 36px; margin: 0; padding-right: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-global-brand { min-height: 31px; display: inline-flex; align-items: center; gap: 10px; color: var(--admin-purple); font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; }
.admin-global-brand:focus-visible { outline: 2px solid var(--admin-teal); outline-offset: 6px; border-radius: 4px; }
.admin-global-account-actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 14px; color: var(--admin-muted); font-size: .72rem; }
.admin-global-account-actions > small { overflow-wrap: anywhere; }
.admin-global-account-actions a { color: var(--admin-teal); font-weight: 650; text-decoration: none; }
.admin-layout .careers-admin-header > div:first-child > span:first-child { display: none; }
.admin-layout .careers-admin-header > div:last-child { display: none; }
.admin-layout > .admin-home { min-height: calc(100svh - 57px); }
.admin-avatar { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(79, 171, 170, .3); border-radius: 50%; color: var(--admin-teal); background: rgba(255, 255, 255, .58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76); }
.admin-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.admin-avatar svg { width: 56%; height: 56%; }
.admin-avatar.is-large { width: 68px; height: 68px; }
.admin-home-account a { color: var(--admin-teal); font-weight: 650; text-decoration: none; }
.admin-password-open { min-height: auto; padding: 0; border: 0; color: var(--admin-teal); background: transparent; box-shadow: none; font: inherit; font-weight: 650; cursor: pointer; }
.admin-password-open:hover { color: var(--admin-purple); }
.admin-password-open:focus-visible { outline: 2px solid var(--admin-teal); outline-offset: 4px; border-radius: 3px; }
.admin-password-backdrop { padding: 24px; position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; background: rgba(21, 18, 29, .58); backdrop-filter: blur(12px); }
.admin-password-dialog { width: min(900px, 100%); max-height: calc(100svh - 32px); padding: 22px 24px; overflow-y: auto; border: 1px solid rgba(79, 171, 170, .24); border-radius: 22px; color: #292636; background: rgba(250, 251, 252, .97); box-shadow: 0 32px 90px rgba(17, 10, 28, .35), inset 0 1px 0 #fff; backdrop-filter: blur(24px); }
.admin-password-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.admin-password-dialog > header span { display: inline-flex; align-items: center; gap: 7px; color: #4fabaA; font-size: .68rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.admin-password-dialog > header h2 { margin: 6px 0 4px; color: #292636; font-size: 1.55rem; line-height: 1; letter-spacing: -.035em; font-weight: 570; }
.admin-password-dialog > header p { max-width: 390px; margin: 0; color: #637178; font-size: .7rem; line-height: 1.35; }
.admin-password-dialog > header > button { width: 38px; height: 38px; padding: 0; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(41, 38, 54, .1); border-radius: 11px; color: #292636; background: rgba(255, 255, 255, .76); box-shadow: 0 8px 20px rgba(41, 38, 54, .07); cursor: pointer; }
.admin-account-settings-grid { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: start; gap: 14px; }
.admin-account-settings-side { min-width: 0; display: grid; gap: 10px; }
.admin-account-password-side { min-width: 0; display: grid; gap: 7px; }
.admin-account-password-side > small { display: block; color: #637178; font-size: .68rem; overflow-wrap: anywhere; }
.admin-avatar-editor { margin-top: 0; padding: 10px 12px; display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 11px; border: 1px solid rgba(79, 171, 170, .18); border-radius: 13px; background: rgba(79, 171, 170, .055); }
.admin-avatar-editor .admin-avatar.is-large { width: 54px; height: 54px; }
.admin-avatar-editor > div { min-width: 0; display: grid; gap: 3px; }
.admin-avatar-editor > div > span { display: inline-flex; align-items: center; gap: 7px; color: #47545c; font-size: .75rem; font-weight: 700; }
.admin-avatar-editor > div > span svg { color: #4fabaa; }
.admin-avatar-editor small { color: #637178; font-size: .61rem; }
.admin-avatar-editor > div > div { margin-top: 2px; display: flex; flex-wrap: wrap; gap: 6px; }
.admin-avatar-editor button { min-height: 29px; padding: 0 9px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid #292636; border-radius: 8px; color: #fff; background: #292636; font: 700 .62rem/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; cursor: pointer; }
.admin-avatar-editor button.is-remove { color: #7a4b42; border-color: rgba(157, 74, 53, .18); background: rgba(255, 255, 255, .7); }
.admin-avatar-editor button:disabled { opacity: .55; cursor: wait; }
.admin-avatar-editor output { min-height: .9em; color: #397a79; font-size: .64rem; }
.admin-notification-agent { margin-top: 0; padding: 11px 12px; border: 1px solid rgba(95, 81, 161, .16); border-radius: 13px; background: linear-gradient(130deg, rgba(95, 81, 161, .065), rgba(79, 171, 170, .055)); }
.admin-notification-agent > header { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.admin-agent-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #292636; }
.admin-notification-agent header strong, .admin-notification-agent header small { display: block; }
.admin-notification-agent header strong { color: #393344; font-size: .76rem; }
.admin-notification-agent header small { margin-top: 2px; color: #637178; font-size: .58rem; overflow-wrap: anywhere; }
.admin-agent-switch { display: grid; grid-template-columns: 39px auto; align-items: center; gap: 7px; cursor: pointer; }
.admin-agent-switch input, .admin-agent-options input { position: absolute; opacity: 0; pointer-events: none; }
.admin-agent-switch > span { width: 39px; height: 22px; padding: 3px; display: block; border-radius: 999px; background: #c9ced1; transition: background .2s ease; }
.admin-agent-switch > span::after { content: ""; width: 16px; height: 16px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(41,38,54,.2); transition: transform .2s ease; }
.admin-agent-switch input:checked + span { background: #4fabaa; }
.admin-agent-switch input:checked + span::after { transform: translateX(17px); }
.admin-agent-switch input:focus-visible + span { outline: 2px solid #5f51a1; outline-offset: 2px; }
.admin-agent-switch b { color: #526067; font-size: .61rem; }
.admin-agent-options { margin-top: 9px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.admin-agent-options label { min-height: 34px; padding: 7px 8px; display: grid; grid-template-columns: 17px minmax(0, 1fr) 14px; align-items: center; gap: 6px; border: 1px solid rgba(41,38,54,.1); border-radius: 9px; color: #66737a; background: rgba(255,255,255,.62); font-size: .59rem; font-weight: 650; cursor: pointer; }
.admin-agent-options label.is-selected { color: #fff; border-color: #4fabaa; background: #4fabaa; }
.admin-agent-options label:has(input:disabled) { opacity: .5; cursor: not-allowed; }
.admin-agent-options i { width: 14px; height: 14px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 4px; }
.admin-agent-options label.is-selected i::after { content: "✓"; font-size: .58rem; line-height: 1; }
.admin-agent-options input:focus-visible ~ i { outline: 2px solid #5f51a1; outline-offset: 2px; }
.admin-agent-delivery-status { margin: 7px 0 0; padding: 6px 8px; border-radius: 7px; color: #8a4c2f; background: rgba(194,102,62,.09); font-size: .56rem; line-height: 1.3; }
.admin-agent-save-row { min-height: 30px; margin-top: 6px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.admin-agent-save-row output { color: #397a79; font-size: .58rem; }
.admin-agent-save-row > div { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.admin-agent-save { min-height: 30px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #4fabaa; border-radius: 8px; color: #fff; background: #4fabaa; font: 700 .59rem/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; cursor: pointer; }
.admin-agent-save:disabled { border-color: #c9ced1; color: #7b858a; background: #e4e7e9; cursor: not-allowed; }
.admin-agent-save:focus-visible { outline: 2px solid #5f51a1; outline-offset: 2px; }
.admin-password-dialog .native-admin-auth-form { margin-top: 0; padding: 14px; gap: 10px; border: 1px solid rgba(41,38,54,.1); border-radius: 13px; background: rgba(255,255,255,.5); }
.admin-password-dialog .native-admin-auth-form label { color: #47545c; }
.admin-password-dialog .native-admin-auth-form input { min-height: 42px; color: #292636; border-color: rgba(41, 38, 54, .14); background: #fff; }
.admin-password-dialog .native-password-field button { color: #292636; background: #eef0f3; }
.admin-password-dialog .native-admin-auth-form > .button { width: 100%; min-height: 44px; margin-top: 2px; border: 0; border-radius: 11px; color: #292636; background: var(--button-glass-light); box-shadow: var(--button-glass-shadow); }
.admin-password-dialog .native-admin-auth-form > .button:is(:hover, :focus-visible, :active):not(:disabled) { color: #fff !important; }
.admin-password-dialog .native-admin-auth-error:empty { display: none; }
.admin-password-dialog .native-admin-auth-error { margin: 0; color: #9d4a35; font-size: .72rem; }
.admin-security-open { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(41,38,54,.1); border-radius: 11px; color: #fff; background: #292636; font: 700 .7rem var(--font-body); cursor: pointer; }
.admin-security-backdrop { position: fixed; inset: 0; z-index: 10020; display: grid; place-items: center; padding: 18px; background: rgba(21,18,31,.68); backdrop-filter: blur(14px); }
.admin-security-dialog { width: min(760px,100%); max-height: calc(100svh - 36px); overflow-y: auto; padding: 22px; border: 1px solid rgba(79,171,170,.28); border-radius: 20px; color: #292636; background: rgba(250,251,252,.98); box-shadow: 0 32px 90px rgba(17,10,28,.42); }
.admin-security-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.admin-security-dialog > header span { display: inline-flex; align-items: center; gap: 6px; color: #4fabaa; font-size: .65rem; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
.admin-security-dialog > header h3 { margin: 5px 0 0; font-size: 1.35rem; }
.admin-security-dialog > header > button { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(41,38,54,.1); border-radius: 10px; background: #fff; cursor: pointer; }
.admin-security-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.admin-security-grid > section { min-width: 0; padding: 15px; border: 1px solid rgba(41,38,54,.1); border-radius: 14px; background: rgba(255,255,255,.68); }
.admin-security-section-title { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.admin-security-section-title > div { display: grid; gap: 2px; }
.admin-security-section-title strong { font-size: .78rem; }
.admin-security-section-title small { color: #647179; font-size: .63rem; }
.admin-security-grid form { display: grid; gap: 8px; }
.admin-security-grid label { display: grid; gap: 4px; color: #4a565d; font-size: .64rem; font-weight: 700; }
.admin-security-grid input { min-height: 40px; padding: 0 11px; border: 1px solid rgba(41,38,54,.14); border-radius: 9px; color: #292636; background: #fff; }
.admin-security-grid form > button,.admin-session-list button { min-height: 36px; padding: 0 12px; border: 0; border-radius: 9px; color: #fff; background: #292636; font-size: .65rem; font-weight: 720; cursor: pointer; }
.admin-security-grid form > button.is-danger { background: #a74f63; }
.admin-mfa-secret { padding: 9px; border-radius: 9px; color: #292636; background: rgba(79,171,170,.12); }
.admin-mfa-secret span { display: block; margin-bottom: 4px; color: #527078; font-size: .58rem; text-transform: uppercase; }
.admin-mfa-secret code { display: block; overflow-wrap: anywhere; font-size: .68rem; line-height: 1.45; }
.admin-session-list { display: grid; gap: 7px; }
.admin-session-list article { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px; border-radius: 9px; background: rgba(238,240,243,.8); }
.admin-session-list article > div { min-width: 0; display: grid; gap: 2px; }
.admin-session-list strong { font-size: .68rem; }
.admin-session-list small { color: #647179; font-size: .56rem; }
.admin-session-list button { min-height: 31px; display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; }
.admin-security-message { min-height: 18px; margin: 10px 0 0; color: #376f74; font-size: .66rem; }
.native-admin-auth-back { border: 0; color: #4fabaA; background: transparent; font-size: .68rem; font-weight: 700; cursor: pointer; }
@media (max-width: 720px) { .admin-security-grid { grid-template-columns: 1fr; } }
.admin-operation-panel { display: grid; gap: 18px; }
.admin-operation-checks { display: grid; gap: 8px; }
.admin-operation-checks article { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.64); }
.admin-operation-checks article > div { display: grid; gap: 3px; }
.admin-operation-checks strong { font-size: .78rem; }
.admin-operation-checks small { color: #66747b; font-size: .65rem; }
.admin-operation-checks article > span { padding: 5px 8px; border-radius: 999px; font-size: .58rem; font-weight: 760; }
.admin-operation-checks .is-healthy > span { color: #247177; background: rgba(79,171,170,.16); }
.admin-operation-checks .is-attention > span { color: #985027; background: rgba(203,118,65,.14); }
.admin-operation-checks .is-critical > span { color: #9d3d54; background: rgba(167,79,99,.14); }
.admin-audit-export { width: fit-content; display: inline-flex; align-items: center; min-height: 36px; margin-top: 10px; padding: 0 12px; border-radius: 9px; color: #fff; background: #292636; font-size: .65rem; font-weight: 720; text-decoration: none; }
@media (max-width: 760px) {
  .admin-password-backdrop { padding: 12px; }
  .admin-password-dialog { max-height: calc(100svh - 24px); padding: 18px; }
  .admin-account-settings-grid { grid-template-columns: 1fr; }
}
.admin-home-heading { padding: 12px 0 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.admin-home-heading > div:first-child > span { color: var(--admin-teal); font-size: .66rem; font-weight: 720; letter-spacing: .13em; text-transform: uppercase; }
.admin-home h1 { margin: 7px 0 0; font-size: clamp(2.1rem, 4vw, 3.45rem); line-height: .98; letter-spacing: -.045em; font-weight: 540; }
.admin-home-protected { min-height: 38px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(79, 171, 170, .2); border-radius: 999px; color: var(--admin-muted); background: rgba(79, 171, 170, .055); font-size: .68rem; font-weight: 650; }
.admin-home-protected svg { color: var(--admin-teal); }

.admin-home-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.admin-home-grid > a {
  min-height: 148px;
  padding: 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--admin-line-soft);
  border-radius: 17px;
  color: var(--admin-ink);
  background: rgba(255, 255, 255, .64);
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.admin-home-grid > a:hover { border-color: rgba(79, 171, 170, .28); background: rgba(255, 255, 255, .82); box-shadow: 0 16px 35px rgba(38, 30, 52, .09); transform: translateY(-2px); }
.admin-home-grid > a:focus-visible { outline: 2px solid var(--admin-teal); outline-offset: 3px; }
.admin-home-grid svg { color: var(--admin-teal); }
.admin-home-grid strong { margin-top: auto; font-size: 1.18rem; line-height: 1.08; font-weight: 570; }
.admin-home-grid small { margin-top: 7px; color: var(--admin-muted); font-size: .7rem; line-height: 1.4; }
.admin-notification-badge { min-width: 34px; height: 28px; padding: 0 8px; position: absolute; top: 18px; right: 18px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border-radius: 999px; color: #fff; background: #d36a2f; box-shadow: 0 8px 22px rgba(211, 106, 47, .22); font-size: .68rem; font-weight: 700; }
.admin-notification-badge.is-p1 { background: #ad3636; box-shadow: 0 8px 22px rgba(173, 54, 54, .25); }
.admin-notification-badge.is-p2 { background: #d36a2f; box-shadow: 0 8px 22px rgba(211, 106, 47, .22); }
.admin-notification-badge.is-p3 { color: #3b2d08; background: #d9a51f; box-shadow: 0 8px 22px rgba(217, 165, 31, .2); }
.admin-notification-badge.is-p4 { color: #3b3218; background: #e4bd43; box-shadow: 0 8px 22px rgba(228, 189, 67, .2); }
.admin-home-grid .admin-notification-badge svg { color: #fff; }
.admin-home-grid .admin-notification-badge:is(.is-p3, .is-p4) svg { color: currentColor; }

.careers-admin-page { min-height: 100vh; padding: 46px max(28px, calc((100vw - 1240px) / 2)); }
.careers-admin-header { padding-bottom: 35px; display: flex; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--admin-line); }
.careers-admin-header h1 { margin: 12px 0 8px; color: var(--admin-ink); font-size: clamp(2.2rem, 5vw, 3.65rem); line-height: 1; font-weight: 540; }
.careers-admin-header p { margin: 0; color: var(--admin-muted); }
.careers-admin-header > div:last-child { display: grid; align-content: start; justify-items: end; gap: 9px; color: var(--admin-muted); font-size: .75rem; }
.careers-admin-header a { color: var(--admin-teal); font-weight: 650; }
.admin-switcher { width: 100%; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; font-size: .72rem; }
.admin-switcher :is(a, strong) { line-height: 1.35; text-decoration: none; }
.admin-switcher a { color: var(--admin-teal); }
.admin-switcher a.admin-switcher-home { color: var(--admin-purple); font-weight: 750; }
.admin-switcher strong { color: var(--admin-ink); }
.careers-admin-summary { margin: 28px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.careers-admin-summary article { min-height: 84px; padding: 20px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--admin-line); border-radius: 12px; background: rgba(255, 255, 255, .6); }
.careers-admin-summary svg { color: var(--admin-teal); }
.careers-admin-summary span { color: var(--admin-muted); font-size: .8rem; }
.careers-admin-summary strong { margin-right: 4px; color: var(--admin-ink); font-size: 1.25rem; }
.careers-admin-create { margin-bottom: 70px; border: 1px solid var(--admin-line); border-radius: 13px; background: rgba(255, 255, 255, .6); box-shadow: 0 18px 48px rgba(42, 39, 55, .045); overflow: hidden; }
.careers-admin-create summary { min-height: 64px; padding: 0 24px; display: flex; align-items: center; gap: 11px; color: var(--admin-ink); font-size: .8rem; font-weight: 680; cursor: pointer; list-style: none; }
.careers-admin-create summary::-webkit-details-marker { display: none; }
.careers-admin-create summary svg { color: var(--admin-teal); transition: transform .2s ease; }
.careers-admin-create[open] summary svg { transform: rotate(45deg); }
.careers-admin-create form { padding: 28px 24px 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 22px; border-top: 1px solid var(--admin-line-soft); }
.careers-admin-create label { display: grid; gap: 8px; color: var(--admin-muted); font-size: .75rem; font-weight: 620; }
.careers-admin-create :is(input, select, textarea) { width: 100%; min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid var(--admin-line); border-radius: 10px; color: var(--admin-ink); background: rgba(255, 255, 255, .78); box-shadow: inset 0 1px 2px rgba(42, 39, 55, .025); font: 500 1rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.careers-admin-create textarea { min-height: 150px; padding-block: 13px; resize: vertical; }
.careers-admin-create :is(input, select, textarea):hover { border-color: rgba(95, 81, 161, .28); background: rgba(255, 255, 255, .92); }
.careers-admin-create :is(input, select, textarea):focus-visible { border-color: var(--admin-teal); outline: 0; background: #fff; box-shadow: 0 0 0 3px rgba(79, 171, 170, .14); }
.careers-admin-create :is(input, select, textarea):disabled { opacity: .56; cursor: wait; }
.careers-admin-create .is-full { grid-column: 1 / -1; }
.careers-admin-create button { min-height: 46px; justify-self: start; padding: 0 22px; border: 0; border-radius: 10px; color: #fff; background: var(--button-glass-purple); box-shadow: var(--button-glass-shadow); font: 680 .8rem/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.careers-admin-create button:hover:not(:disabled) { background: var(--button-glass-purple-hover); box-shadow: var(--button-glass-shadow-hover); transform: translateY(-1px); }
.careers-admin-create button:disabled { opacity: .56; cursor: wait; }
.careers-admin-section { margin-top: 62px; }
.careers-admin-section > header h2 { margin: 9px 0 24px; color: var(--admin-ink); font-size: 1.875rem; font-weight: 540; }
.careers-admin-vacancies { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.careers-admin-vacancies article, .careers-admin-applications article { padding: 24px; border: 1px solid var(--admin-line); border-radius: 13px; background: rgba(255, 255, 255, .62); }
.careers-admin-vacancies article > div, .careers-admin-application-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.careers-admin-vacancies h3, .careers-admin-applications h3 { margin: 22px 0 8px; color: var(--admin-ink); font-size: 1.125rem; font-weight: 560; }
.careers-admin-vacancies p, .careers-admin-applications p { color: var(--admin-muted); font-size: .8rem; }
.careers-admin-vacancies small, .careers-admin-applications small { color: var(--admin-muted); font-size: .7rem; }
.admin-status { padding: 5px 8px; display: inline-flex; border: 1px solid rgba(79, 171, 170, .25); border-radius: 999px; color: var(--admin-teal); background: rgba(79, 171, 170, .07); font-size: .65rem; }
.admin-status.is-closed { border-color: var(--admin-line); color: var(--admin-muted); background: rgba(22, 35, 44, .04); }
.careers-admin-vacancies button, .careers-admin-applications button { margin-top: 22px; padding: 0; display: inline-flex; align-items: center; gap: 7px; border: 0; color: #9d4a35; background: transparent; font-size: .7rem; cursor: pointer; }
.careers-admin-applications { display: grid; gap: 12px; }
.careers-admin-application-head select { min-height: 36px; padding: 0 9px; border: 1px solid var(--admin-line); border-radius: 7px; background: var(--admin-paper); font-size: .7rem; }
.careers-admin-applications dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.careers-admin-applications dl div { min-width: 0; }
.careers-admin-applications dt { color: var(--admin-muted); font-size: .65rem; text-transform: uppercase; }
.careers-admin-applications dd { margin: 5px 0 0; overflow-wrap: anywhere; font-size: .75rem; }
.careers-admin-applications dd a, .careers-admin-applications footer a { color: var(--admin-teal); }
.careers-admin-applications blockquote { margin: 20px 0; padding: 16px; border-left: 2px solid var(--admin-teal); color: var(--admin-muted); background: rgba(79, 171, 170, .045); font-size: .75rem; line-height: 1.6; }
.careers-admin-applications footer { margin-top: 20px; padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--admin-line-soft); }
.careers-admin-applications footer a { display: inline-flex; align-items: center; gap: 7px; font-size: .7rem; }
.careers-admin-applications footer button { margin-top: 0; }
.careers-admin-message { min-height: 24px; color: var(--admin-teal); font-size: .75rem; }

html[data-theme="dark"] {
  --admin-paper: #171020;
  --admin-ink: #f2edf7;
  --admin-muted: #c2b8cb;
  --admin-line: rgba(229, 219, 239, .16);
  --admin-line-soft: rgba(229, 219, 239, .09);
}

html[data-theme="dark"] :is(.support-native-access, .project-native-access) {
  --admin-ink: #f6f2f9;
  --admin-muted: #ddd5e3;
  --admin-purple: #c7bbf0;
  --admin-teal: #9be1de;
  --admin-line: rgba(255, 255, 255, .26);
}

html[data-theme="dark"] .admin-access-frame,
html[data-theme="dark"] :is(.careers-admin-summary article, .careers-admin-create, .careers-admin-vacancies article, .careers-admin-applications article) {
  color: var(--admin-ink);
  border-color: var(--admin-line);
  background: rgba(44, 34, 63, .76);
  box-shadow: none;
}

html[data-theme="dark"] .admin-home-shell { color: var(--admin-ink); border-color: transparent; background: transparent; box-shadow: none; }
html[data-theme="dark"] .admin-access-frame { background: transparent; }
html[data-theme="dark"] .admin-access-panel { background: rgba(28, 18, 40, .9); }
html[data-theme="dark"] :is(.support-native-access, .project-native-access) .admin-access-panel {
  border-color: rgba(255, 255, 255, .12);
  background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
  box-shadow: 0 32px 86px rgba(7, 3, 13, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}
html[data-theme="dark"] .admin-access-visual { background: radial-gradient(circle at 78% 18%, rgba(79, 171, 170, .2), transparent 28%), linear-gradient(145deg, #24172f 0%, #30203f 52%, #3b2850 100%); }
html[data-theme="dark"] .admin-access-visual.project-access-visual { background: radial-gradient(circle at 76% 20%, rgba(76, 191, 185, .2), transparent 30%), linear-gradient(145deg, #0d2931 0%, #123e46 52%, #1d3150 100%); }
html[data-theme="dark"] .admin-root-page .admin-access-visual,
.admin-root-page .admin-access-visual {
  background:
    radial-gradient(circle at 78% 16%, rgba(169, 139, 202, .32), transparent 31%),
    radial-gradient(circle at 13% 82%, rgba(79, 171, 170, .34), transparent 36%),
    linear-gradient(125deg, #123633 0%, #1b4b47 34%, #332a44 68%, #4a3563 100%);
}
html[data-theme="dark"] .admin-home { background: radial-gradient(circle at 78% 18%, rgba(79, 171, 170, .18), transparent 28%), linear-gradient(145deg, #24172f 0%, #30203f 52%, #3b2850 100%); }
html[data-theme="dark"] .admin-layout { background: var(--admin-paper); }
html[data-theme="dark"] .admin-global-header { background: linear-gradient(105deg, rgba(36,23,47,.97), rgba(48,32,63,.97) 58%, rgba(59,40,80,.97)); }
html[data-theme="dark"] .admin-home-brand-logo .is-light { display: none; }
html[data-theme="dark"] .admin-home-brand-logo .is-dark { display: block; }
html[data-theme="dark"] .admin-home-grid > a { border-color: var(--admin-line-soft); background: rgba(255, 255, 255, .035); }
html[data-theme="dark"] .admin-home-grid > a:hover { border-color: rgba(79, 171, 170, .3); background: rgba(79, 171, 170, .08); box-shadow: none; }

html[data-theme="dark"] :is(.native-admin-auth-form input, .careers-admin-create input, .careers-admin-create select, .careers-admin-create textarea, .careers-admin-application-head select) {
  color: var(--admin-ink);
  border-color: var(--admin-line);
  background: rgba(34, 24, 49, .84);
}

html[data-theme="dark"] .careers-admin-create :is(input, select, textarea):hover { border-color: rgba(199, 187, 240, .32); background: rgba(40, 29, 56, .94); }
html[data-theme="dark"] .careers-admin-create :is(input, select, textarea):focus-visible { border-color: var(--admin-teal); background: rgba(42, 30, 59, .98); box-shadow: 0 0 0 3px rgba(155, 225, 222, .11); }

html[data-theme="dark"] .native-password-field button {
  color: var(--admin-ink);
  border-color: transparent;
  background: var(--button-glass-light);
}

html[data-theme="dark"] .native-admin-auth-form input:focus-visible { background: #251a35; }

@media (min-width: 981px) {
  .admin-switcher { flex-wrap: nowrap; justify-content: space-between; gap: clamp(14px, 1.8vw, 32px); }
  .admin-root-page .admin-access-panel,
  :is(.support-native-access, .project-native-access) .admin-access-panel {
    transform: translateX(calc(clamp(-118px, -6vw, -64px) - 20%));
  }

  .admin-root-page .admin-activation-panel,
  :is(.support-native-access, .project-native-access) .admin-activation-panel {
    width: min(720px, 55vw);
    justify-self: start;
    margin-left: clamp(40px, 7vw, 96px);
    transform: none;
  }
}

@media (max-height: 760px) and (min-width: 601px) {
  .admin-access-frame { padding: 18px 28px; }
  .admin-access-panel,
  .admin-access-panel.admin-activation-panel {
    max-height: calc(100svh - 28px);
    padding: 22px 30px;
  }
  .admin-access-panel > p { line-height: 1.35; }
  .native-admin-auth-form { margin-top: 12px; row-gap: 10px; }
  .admin-activation-panel .admin-activation-security { margin-top: 12px; }
  .admin-activation-panel .native-admin-auth-form { margin-top: 12px; gap: 12px 18px; }
}

@media (max-width: 980px) {
  .admin-global-header-inner { padding-right: 62px; }
  .admin-access-frame { width: 100%; }
  .admin-access-panel { min-height: 0; }
  .admin-access-visual { min-height: 100vh; min-height: 100svh; }
  .admin-access-visual-copy { display: none; }
  .admin-access-diagram { width: min(360px, 58vw); right: -56px; opacity: .72; }
  .admin-activation-page .admin-access-diagram { display: none; }
  .admin-access-visual-foot { display: none; }
  .admin-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-home { overflow: auto; }
  .admin-home-shell { width: min(780px, 100%); }
  .careers-admin-vacancies { grid-template-columns: 1fr 1fr; }
  .careers-admin-applications dl { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .admin-layout { --admin-page-gutter: 18px; }
  .admin-global-header { padding: 9px 18px; }
  .admin-global-header-inner { padding-right: 46px; align-items: flex-start; flex-direction: column; gap: 8px; }
  .admin-global-account-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 10px 12px; }
  .admin-global-account-actions > small { max-width: calc(100% - 46px); }
  .admin-access-frame { height: 100%; min-height: 0; padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)); border-radius: 0; }
  .admin-access-panel { width: min(410px, 100%); height: auto; min-height: 0; max-height: calc(100svh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: 22px 20px 20px; border-radius: 20px; }
  .admin-access-visual { min-height: 100vh; min-height: 100svh; padding: 0; }
  .admin-access-diagram { width: min(270px, 74vw); right: -42px; bottom: -22px; opacity: .72; }
  .admin-access-core { width: 82px; height: 82px; border-radius: 23px; }
  .admin-access-node { min-width: 0; min-height: 38px; padding: 0 10px; }
  .admin-access-node span { display: none; }
  .careers-admin-access h1 { font-size: clamp(1.9rem, 9vw, 2.35rem); }
  .native-password-field { grid-template-columns: 1fr; }
  .native-admin-auth-form input { font-size: 16px; }
  .native-password-field button { width: 100%; }
  .mfa-code-input { gap: 5px; grid-template-columns: repeat(3, minmax(34px, 1fr)) auto repeat(3, minmax(34px, 1fr)); }
  .native-admin-auth-form .mfa-code-input input { min-height: 48px; font-size: 1.05rem; }
  .careers-admin-access.admin-activation-page { padding: 0; align-items: stretch; overflow: hidden; }
  .admin-access-panel.admin-activation-panel { width: min(430px, 100%); min-height: 0; max-height: calc(100svh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding: 22px 20px 20px; }
  .admin-activation-panel .native-admin-auth-form { grid-template-columns: 1fr; }
  .admin-activation-panel .native-admin-auth-form > :is(small, button, a, p) { grid-column: 1; }
  .admin-activation-panel .native-password-field { grid-template-columns: 1fr; }
  .admin-activation-panel .native-password-field button { width: 100%; min-width: 0; }
  .admin-activation-card { margin-block: 10px; padding: 26px 20px; border-radius: 19px; }
  .admin-activation-heading { grid-template-columns: 44px 1fr; column-gap: 13px; }
  .admin-activation-heading > div { width: 44px; height: 44px; border-radius: 13px; }
  .admin-activation-card .native-admin-auth-form { grid-template-columns: 1fr; }
  .admin-activation-card .native-admin-auth-form > :is(small, button, a, p) { grid-column: 1; }
  .admin-home { padding: 12px 18px 24px; place-items: start center; }
  .admin-home-shell { padding: 0; border-radius: 0; }
  .careers-admin-page { padding: 42px 18px 76px; }
  .admin-home-account, .careers-admin-header { flex-direction: column; }
  .admin-home-account > div { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  .careers-admin-header > div:last-child { justify-items: start; }
  .admin-switcher { width: 100%; padding: 2px 0 8px; flex-wrap: nowrap; gap: 22px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .admin-switcher :is(a, strong) { min-height: 42px; padding: 0 2px; flex: 0 0 auto; display: inline-flex; align-items: center; border: 0; border-radius: 0; white-space: nowrap; }
  .admin-switcher strong { background: transparent; }
  .admin-home-heading { align-items: flex-start; flex-direction: column; }
  .admin-home h1 { font-size: clamp(2.1rem, 11vw, 2.8rem); }
  .admin-home-grid, .careers-admin-summary, .careers-admin-create form, .careers-admin-vacancies { grid-template-columns: 1fr; }
  .admin-home-grid > a { min-height: 128px; padding: 17px; }
  .admin-home-orbit.is-outer { right: -220px; bottom: -110px; }
  .admin-home-orbit.is-inner { right: -120px; bottom: -30px; }
  .admin-home-orbit-core { right: 8px; bottom: 20px; opacity: .58; }
  .careers-admin-create .is-full { grid-column: auto; }
  .careers-admin-applications dl { grid-template-columns: 1fr; }
  .careers-admin-applications footer { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .admin-access-core, .admin-access-signal { animation: none; }
  .admin-home-grid > a { transition: none; }
}