/* =========================================================
   SECURITY / PRIVACY VISUAL SYSTEM — DESIGN ONLY
   No application logic, IDs, names, API calls or handlers changed.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --sec-bg:#050812;
  --sec-bg2:#080d1b;
  --sec-panel:rgba(12,19,36,.72);
  --sec-panel2:rgba(16,25,47,.86);
  --sec-line:rgba(129,158,255,.16);
  --sec-line2:rgba(105,231,255,.22);
  --sec-text:#edf5ff;
  --sec-muted:#8d9ab2;
  --sec-cyan:#62e6ff;
  --sec-blue:#5b7cff;
  --sec-violet:#a36cff;
  --sec-green:#5ff0b5;
  --sec-red:#ff6d8a;
  --sec-shadow:0 24px 80px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  color:var(--sec-text)!important;
  background:
    radial-gradient(900px 650px at 5% -10%,rgba(91,124,255,.22),transparent 58%),
    radial-gradient(800px 600px at 95% 0%,rgba(163,108,255,.18),transparent 56%),
    radial-gradient(650px 500px at 50% 110%,rgba(98,230,255,.09),transparent 58%),
    linear-gradient(145deg,var(--sec-bg),var(--sec-bg2) 55%,#050711)!important;
  min-height:100vh;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:
    linear-gradient(rgba(120,160,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,160,255,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
  animation:sec-grid 18s linear infinite;
}
body:after{
  content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%,rgba(98,230,255,.08),transparent 18%),
    radial-gradient(circle at 78% 34%,rgba(163,108,255,.08),transparent 19%),
    radial-gradient(circle at 52% 75%,rgba(91,124,255,.07),transparent 22%);
  filter:blur(30px);
  animation:sec-orbs 16s ease-in-out infinite alternate;
}
@keyframes sec-grid{to{background-position:42px 42px}}
@keyframes sec-orbs{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(2%,-1%,0) scale(1.05)}}
@keyframes sec-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes sec-pulse{0%,100%{box-shadow:0 0 0 0 rgba(98,230,255,.12)}50%{box-shadow:0 0 0 9px rgba(98,230,255,0)}}
@keyframes sec-scan{0%{transform:translateY(-120%)}100%{transform:translateY(120vh)}}
@keyframes sec-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes sec-border{0%,100%{opacity:.35}50%{opacity:.9}}

header,.v19-header{
  background:rgba(4,8,18,.72)!important;
  border-bottom:1px solid rgba(126,157,255,.14)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.v19-head-inner{height:72px!important}
.v19-brand{color:var(--sec-text)!important}
.v19-logo{
  position:relative;width:42px!important;height:42px!important;border-radius:14px!important;
  background:linear-gradient(135deg,#5b7cff,#a36cff)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 35px rgba(91,124,255,.28)!important;
  animation:sec-float 5s ease-in-out infinite;
}
.v19-logo:after{
  content:"";position:absolute;inset:-5px;border:1px solid rgba(98,230,255,.24);
  border-radius:17px;animation:sec-pulse 3s ease-out infinite;
}
.v19-brand b{letter-spacing:.16em!important}
.v19-brand small{color:#8190ab!important}
.v19-nav a,.v19-nav button{
  color:#aab8d0!important;
  border:1px solid transparent!important;
}
.v19-nav a:hover,.v19-nav button:hover,.v19-nav-active{
  color:#eaf7ff!important;
  background:rgba(91,124,255,.10)!important;
  border-color:rgba(98,230,255,.18)!important;
}
.v19-ticker{
  background:rgba(8,14,29,.64)!important;
  border:1px solid var(--sec-line)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;
}
.v19-ticker strong{
  background:linear-gradient(135deg,#5b7cff,#a36cff)!important;
}
.v19-ticker-track span{color:#aebbd0!important}

.v25-community{
  background:linear-gradient(135deg,rgba(15,25,48,.86),rgba(13,20,39,.70))!important;
  border:1px solid rgba(98,230,255,.14)!important;
  box-shadow:var(--sec-shadow)!important;
  color:var(--sec-text)!important;
  position:relative;overflow:hidden;
}
.v25-community:after{
  content:"";position:absolute;top:0;left:-30%;width:25%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(98,230,255,.08),transparent);
  transform:skewX(-18deg);animation:sec-shimmer 7s linear infinite;
}
.v25-community-copy small,.eyebrow,.v26-eyebrow,.v28-kicker,.v19-live{
  color:#72dfff!important;
}
.v25-join{
  background:linear-gradient(135deg,#5b7cff,#a36cff)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 30px rgba(91,124,255,.22)!important;
}

.v19-exam-tabs{
  background:rgba(8,14,29,.66)!important;
  border:1px solid var(--sec-line)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.2)!important;
}
.v19-exam-tabs button{
  color:#8290a9!important;background:transparent!important;
}
.v19-exam-tabs button.active{
  color:#eef8ff!important;
  background:linear-gradient(135deg,rgba(91,124,255,.25),rgba(163,108,255,.18))!important;
  box-shadow:inset 0 0 0 1px rgba(98,230,255,.15)!important;
}

main{position:relative}
main:before{
  content:"";position:absolute;left:50%;top:0;width:1px;height:100%;
  background:linear-gradient(transparent,rgba(98,230,255,.08),transparent);
  pointer-events:none;opacity:.5;
}
.v19-hero,.v28-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(420px 240px at 78% 20%,rgba(98,230,255,.13),transparent 65%),
    radial-gradient(460px 260px at 95% 80%,rgba(163,108,255,.14),transparent 65%),
    linear-gradient(135deg,rgba(10,18,38,.94),rgba(7,12,26,.90))!important;
  border:1px solid rgba(117,151,255,.18)!important;
  box-shadow:var(--sec-shadow)!important;
}
.v19-hero:before,.v28-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(98,230,255,.022) 8px);
  opacity:.65;
}
.v19-hero:after,.v28-hero:after{
  content:"";position:absolute;left:-10%;right:-10%;height:1px;top:0;
  background:linear-gradient(90deg,transparent,rgba(98,230,255,.45),transparent);
  animation:sec-scan 8s linear infinite;
}
.v28-hero-content,.v28-hero-side{position:relative;z-index:1}
.v19-live i,.v28-side-top i,.v26-live-dot i{
  background:var(--sec-green)!important;
  box-shadow:0 0 14px rgba(95,240,181,.75)!important;
  animation:sec-pulse 2.4s ease-out infinite;
}
.v28-hero h1,.v19-hero h1{
  font-family:"Space Grotesk",Inter,sans-serif!important;
  letter-spacing:-.045em!important;
}
.v28-hero h1 em{
  color:#72e6ff!important;
  text-shadow:0 0 28px rgba(98,230,255,.22);
}
.v28-hero p{color:#9ba9c0!important}
.v19-cta,.primary,.primary-btn{
  background:linear-gradient(135deg,#5b7cff 0%,#795ff2 50%,#a36cff 100%)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 34px rgba(91,124,255,.25)!important;
}
.v19-cta:hover,.primary:hover,.primary-btn:hover{
  transform:translateY(-2px);filter:brightness(1.08);
}
.v19-secondary,.secondary-btn,.btn{
  background:rgba(255,255,255,.035)!important;
  color:#c7d4e9!important;
  border:1px solid rgba(126,157,255,.17)!important;
}
.v28-hero-side{
  background:rgba(5,11,25,.62)!important;
  border:1px solid rgba(98,230,255,.15)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.24)!important;
}
.v28-side-line{border-color:rgba(126,157,255,.13)!important}
.v28-side-line b{color:#ecf7ff!important}
.v28-side-line em{background:linear-gradient(#62e6ff,#a36cff)!important}

.v26-dashboard,.v26-horizontal-card,.card,.insight-card,.mark-card,.vacancy-card,.section,.score-card{
  background:linear-gradient(145deg,rgba(13,21,41,.78),rgba(8,14,29,.72))!important;
  border:1px solid rgba(126,157,255,.15)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--sec-text)!important;
  backdrop-filter:blur(18px)!important;
}
.v26-dashboard:before,.card:before,.section:before{
  content:"";display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,rgba(98,230,255,.035),transparent 35%,rgba(163,108,255,.025));
}
.v26-total-card,.v26-gender-card,.v26-cat-card,.v26-horizontal-card{
  background:rgba(7,13,27,.48)!important;
  border-color:rgba(126,157,255,.12)!important;
}
.v26-ring{
  background:conic-gradient(#62e6ff,#5b7cff,#a36cff,#62e6ff)!important;
  box-shadow:0 0 35px rgba(98,230,255,.12)!important;
}
.v26-ring-inner{background:#080f21!important;color:#fff!important}
.v26-gender-bar,.v26-bar div{
  background:rgba(126,157,255,.08)!important;
}
.v26-gender-bar i,.v26-bar i{background:linear-gradient(90deg,#62e6ff,#5b7cff)!important}
.v26-card-title,.v26-cat-head h3,.v26-total-meta small,.muted,.notice{
  color:#8e9bb2!important;
}
.v26-cat-head b,.v26-total-meta b{color:#eaf5ff!important}
.v26-bar strong,.v26-gender-row strong{color:#eef7ff!important}

.candidate-access-card,.v19-workspace-heading{
  position:relative;overflow:hidden;
}
.candidate-access-grid label{color:#b8c5d9!important}
input,select,textarea,.input input,.input,.filters input,.filters select{
  background:rgba(4,10,22,.72)!important;
  color:#edf6ff!important;
  border-color:rgba(126,157,255,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
input::placeholder,textarea::placeholder{color:#66748e!important}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:rgba(98,230,255,.55)!important;
  box-shadow:0 0 0 3px rgba(98,230,255,.08),0 0 25px rgba(98,230,255,.08)!important;
}
.url-guidance,.input-tip,.hint{
  background:rgba(98,230,255,.035)!important;
  border-color:rgba(98,230,255,.12)!important;color:#9aa9c0!important;
}
.https-badge{background:rgba(95,240,181,.10)!important;color:#66eab4!important;border-color:rgba(95,240,181,.20)!important}
.v19-workspace-heading{
  background:linear-gradient(90deg,rgba(98,230,255,.07),rgba(163,108,255,.07),transparent)!important;
  border-color:rgba(98,230,255,.12)!important;
}
.v19-workspace-heading h2{color:#edf6ff!important}

.score-card,.score{
  background:
    radial-gradient(420px 180px at 50% 0%,rgba(98,230,255,.16),transparent 65%),
    linear-gradient(135deg,#091b36,#12134a 55%,#20153e)!important;
  border:1px solid rgba(98,230,255,.18)!important;
  box-shadow:0 24px 70px rgba(40,70,170,.22)!important;
}
.score-card .score,.score strong{
  text-shadow:0 0 35px rgba(98,230,255,.22);
}
.rankbox,.rank-box{
  background:linear-gradient(145deg,rgba(21,48,82,.95),rgba(38,26,83,.92))!important;
  border:1px solid rgba(98,230,255,.14)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.22)!important;
}
.kpi,.stats div,.category-grid .rank-box,.range,.scheme span{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(126,157,255,.11)!important;
  color:#dfe9f8!important;
}
.kpi span,.stats small,.range-label,.range-label span,.mark-card span,.mark-card small{
  color:#8492aa!important;
}
.kpi b,.stats b,.range b,.mark-card strong{color:#edf7ff!important}
.range-track,.range-row .range-track{background:rgba(126,157,255,.08)!important}
.range-track i{background:linear-gradient(90deg,#62e6ff,#5b7cff,#a36cff)!important}
.mark-dashboard{background:transparent!important}
.mark-dashboard-head h2,.section h2,.card h2{color:#edf6ff!important}
.total-score-chip{background:rgba(98,230,255,.06)!important;border:1px solid rgba(98,230,255,.14)!important;color:#dff7ff!important}
.correct-card{border-color:rgba(95,240,181,.16)!important}.wrong-card{border-color:rgba(255,109,138,.16)!important}.unanswered-card{border-color:rgba(126,157,255,.14)!important}
.correct-card .mark-icon{background:rgba(95,240,181,.12)!important;color:#6af0b6!important}
.wrong-card .mark-icon{background:rgba(255,109,138,.12)!important;color:#ff7f98!important}
.unanswered-card .mark-icon{background:rgba(126,157,255,.10)!important;color:#a9b7cd!important}

.table,.table-wrap,.matrix,.question-wrap{border-color:rgba(126,157,255,.13)!important}
.table table,.matrix table,.question-table{color:#d9e5f5!important}
.table th,.question-table th,.matrix th{background:rgba(126,157,255,.055)!important;color:#7f8da5!important}
.table td,.question-table td{border-color:rgba(126,157,255,.09)!important}
.matrix td{background:rgba(255,255,255,.025)!important;color:#dfeaf8!important}
.ok{background:rgba(95,240,181,.10)!important;color:#68eab4!important}
.bad{background:rgba(255,109,138,.10)!important;color:#ff8298!important}
.na{background:rgba(126,157,255,.08)!important;color:#a1aec2!important}

.vac-mini>div,.compact-vacancy td,.compact-vacancy th{
  background:rgba(255,255,255,.025)!important;
  color:#d9e5f4!important;
  border-color:rgba(126,157,255,.09)!important;
}
.special-pills span{background:rgba(98,230,255,.05)!important;color:#a9b9cf!important;border-color:rgba(98,230,255,.10)!important}
.vacancy-footnote,.privacy,.muted{color:#7f8da6!important}

.v19-footer{
  background:rgba(4,8,17,.76)!important;
  border-top:1px solid rgba(126,157,255,.12)!important;
  color:#9aa8bd!important;
}
.v19-footer b{color:#dce9f8!important}

.confirm-modal .confirm-backdrop,.v19-modal-bg{background:rgba(1,4,12,.78)!important;backdrop-filter:blur(12px)!important}
.confirm-box,.v19-modal-box{
  background:linear-gradient(145deg,#0b1428,#0a1020)!important;
  border:1px solid rgba(98,230,255,.16)!important;
  color:#edf6ff!important;
  box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
}
.confirm-box p,.v19-modal-box span{color:#98a7bd!important}
.confirm-check{background:rgba(98,230,255,.04)!important;border-color:rgba(98,230,255,.12)!important}
.confirm-icon{background:rgba(255,109,138,.10)!important;color:#ff7d96!important}

.loading{
  color:#70e6ff!important;
  border-color:rgba(98,230,255,.18)!important;
}
.loading:before{
  content:"";display:inline-block;width:10px;height:10px;border-radius:50%;
  margin-right:8px;background:#62e6ff;box-shadow:0 0 15px #62e6ff;animation:sec-pulse 1.5s infinite;
}
.err,.error{
  background:rgba(255,70,100,.07)!important;color:#ff879b!important;
  border:1px solid rgba(255,109,138,.18)!important;
}
.card,.section,.v26-dashboard,.v26-horizontal-card,.v25-community,.v19-hero,.v28-hero,.score-card{
  animation:sec-border 5s ease-in-out infinite;
}
button,.btn,.primary,.primary-btn,.v19-cta,.v19-secondary,.v25-join{
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
button:hover,.btn:hover{transform:translateY(-1px)}
a{color:#75dcff}
code{color:#79e7ff;background:rgba(98,230,255,.06);padding:2px 5px;border-radius:5px}

/* Candidate-analysis */
.analysis-wrap{max-width:1120px!important}
.analysis-nav .back{
  background:rgba(255,255,255,.035)!important;color:#c9d7ea!important;
  border-color:rgba(126,157,255,.15)!important;
}
.analysis-nav .privacy{color:#7e8da6!important}
.analysis-wrap .section{position:relative;overflow:hidden}
.legend-item{color:#aebbd0!important}

/* Admin */
body:has(#dashboard),body:has(#loginView){
  background:
    radial-gradient(800px 520px at 10% 0%,rgba(91,124,255,.17),transparent 60%),
    radial-gradient(700px 500px at 100% 10%,rgba(163,108,255,.13),transparent 60%),
    #050812!important;
}
.login{border-radius:24px!important}
.brand .logo{
  background:linear-gradient(135deg,#5b7cff,#a36cff)!important;
  color:white!important;
}
.admin-home{color:#b7c7dd!important}
.admin-tabs button,.group-switch button,.cutoff-subtabs button{
  background:rgba(255,255,255,.035)!important;color:#93a2b9!important;
  border-color:rgba(126,157,255,.14)!important;
}
.admin-tabs button.active,.group-switch button.active,.cutoff-subtabs button.active{
  background:rgba(91,124,255,.16)!important;color:#eaf7ff!important;
  border-color:rgba(98,230,255,.22)!important;
}
.warning-box,.cutoff-note,.card-lite{
  background:rgba(255,190,80,.055)!important;
  border-color:rgba(255,190,80,.14)!important;
  color:#c9b99c!important;
}
.card-lite{background:rgba(255,255,255,.025)!important;color:#dce8f6!important}
.score{color:#74e7ff!important}

@media(max-width:760px){
  .v19-head-inner{height:62px!important;padding:0 12px!important}
  .v19-nav a{padding:8px!important;font-size:7px!important}
  .v19-brand small{display:none}
  .v25-community{margin-left:10px!important;margin-right:10px!important}
  .v19-ticker{margin-left:10px!important;margin-right:10px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}