/* NEET Dashboard — WhatNext brand (purple + gold) */

.neet-dash-page .neet-main{
  max-width:none; width:100%; padding:0; margin:0;
  position:relative; overflow:hidden;
}
.neet-dash-page .neet-shell{
  background:var(--deep, #100826);
}

.neet-particles{
  position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.4;
}

.neet-hud{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:minmax(160px,200px) 1fr minmax(160px,200px);
  gap:0;
  min-height:0;
  width:100%;
  padding:6px 6px 12px;
}

.neet-hud-rail{
  display:flex; flex-direction:column; gap:10px;
  padding:6px 8px;
}
.neet-hud-panel{
  padding:12px 11px;
  border-radius:14px;
  background:linear-gradient(160deg,rgba(107,44,174,.12),rgba(245,180,0,.05));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 28px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  position:relative;
  overflow:hidden;
}
.neet-hud-panel::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,180,0,.45),transparent);
}
.neet-hud-label{
  font-size:.72rem; font-weight:800; letter-spacing:.06em;
  color:var(--gold, #f5b400); margin:0 0 10px; text-transform:uppercase;
}

.neet-level-ring-wrap{ text-align:center; }
.neet-level-ring{
  position:relative; width:130px; height:130px; margin:0 auto 10px;
}
.neet-level-ring svg{ width:100%; height:100%; transform:rotate(-90deg); }
.neet-ring-bg{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:8; }
.neet-ring-fill{
  fill:none; stroke:url(#neetRingGrad); stroke-width:8; stroke-linecap:round;
  stroke-dasharray:327; stroke-dashoffset:calc(327 - (327 * var(--progress,0) / 100));
  transition:stroke-dashoffset .8s ease;
  filter:drop-shadow(0 0 6px rgba(245,180,0,.5));
}
.neet-level-core{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
}
.neet-level-num{ font-size:1.1rem; font-weight:900; color:var(--gold, #f5b400); }
.neet-level-exp{ font-size:.72rem; color:rgba(255,255,255,.55); font-weight:700; }

.neet-hud-stat-row{ display:flex; align-items:center; gap:12px; }
.neet-hud-stat-row i{ font-size:1.3rem; color:var(--gold, #f5b400); }
.neet-hud-k{ display:block; font-size:.7rem; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.neet-hud-v{ font-size:1.4rem; font-weight:900; color:#fff; }
.neet-exp-bar-hud{ height:5px; background:rgba(255,255,255,.1); border-radius:999px; margin:10px 0 6px; overflow:hidden; }
.neet-exp-fill-hud{
  height:100%;
  background:linear-gradient(90deg,var(--purple, #6b2cae),var(--gold, #f5b400));
  box-shadow:0 0 10px rgba(245,180,0,.35);
  transition:width .6s ease;
}
.neet-hud-sub{ font-size:.72rem; color:rgba(255,255,255,.45); }

.neet-hud-rules ul{ list-style:none; margin:0; padding:0; }
.neet-hud-rules li{ font-size:.78rem; color:rgba(255,255,255,.65); padding:5px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.neet-xp-up{ color:#4ade80; font-weight:800; }
.neet-xp-neutral{ color:rgba(255,255,255,.5); font-weight:800; }
.neet-xp-down{ color:#f87171; font-weight:800; }

.neet-hud-center{
  padding:6px 14px;
  border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);
}

.neet-command-header{
  text-align:center; padding:10px 0 14px; position:relative;
}
.neet-scan-line{
  position:absolute; left:10%; right:10%; top:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--gold, #f5b400),transparent);
  animation:neetScan 3s linear infinite; opacity:.6;
}
@keyframes neetScan{ 0%{opacity:.2;transform:scaleX(.3)} 50%{opacity:.8;transform:scaleX(1)} 100%{opacity:.2;transform:scaleX(.3)} }

.neet-greeting{
  font-size:1.05rem; font-weight:700; color:rgba(255,255,255,.85); margin:0 0 8px;
}
.neet-command-title{
  margin:0 0 8px; font-size:clamp(1.5rem,4vw,2.1rem); font-weight:900;
  color:var(--gold, #f5b400);
}
.neet-command-sub{ color:rgba(255,255,255,.55); margin:0; font-size:.95rem; }

.neet-daily-mission{
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin-bottom:12px; padding:12px 14px; border-radius:14px; overflow:hidden;
  border:1px solid rgba(245,180,0,.35);
  background:linear-gradient(135deg,rgba(107,44,174,.22),rgba(245,180,0,.08));
  box-shadow:0 12px 36px rgba(107,44,174,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.neet-daily-mission__glow{
  position:absolute; inset:-40%; pointer-events:none;
  background:radial-gradient(circle at 20% 50%,rgba(245,180,0,.15),transparent 50%);
  animation:neetMissionPulse 4s ease-in-out infinite;
}
@keyframes neetMissionPulse{ 0%,100%{opacity:.5} 50%{opacity:1} }
.neet-daily-mission__body{ position:relative; flex:1; min-width:200px; }
.neet-daily-tag{
  display:inline-flex; align-items:center; gap:6px; font-size:.68rem; font-weight:900;
  letter-spacing:.06em; text-transform:uppercase; color:#f5d78a; margin-bottom:6px;
}
.neet-daily-mission h2{ margin:0 0 4px; font-size:1.05rem; font-weight:900; color:#fff; }
.neet-daily-mission p{ margin:0; font-size:.82rem; color:rgba(255,255,255,.6); }
.neet-daily-mission__actions{ display:flex; gap:8px; flex-wrap:wrap; position:relative; }
.neet-daily-go{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px;
  font-weight:800; font-size:.82rem; text-decoration:none; color:#1a0a2e;
  background:linear-gradient(135deg,#f5b400,#ffd54f);
  box-shadow:0 4px 16px rgba(245,180,0,.35); transition:transform .15s;
}
.neet-daily-go:hover{ transform:translateY(-2px); }
.neet-daily-go--pyq{ background:linear-gradient(135deg,#6b2cae,#ab47bc); color:#fff; box-shadow:0 4px 16px rgba(107,44,174,.35); }

.neet-mission-countdown{
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) 118px auto; gap:16px; align-items:center;
  margin-bottom:12px; padding:16px; border-radius:18px; overflow:hidden;
  border:1px solid rgba(245,180,0,.42);
  background:
    radial-gradient(420px 170px at 8% 0%,rgba(245,180,0,.22),transparent 62%),
    radial-gradient(360px 170px at 58% 45%,rgba(77,208,225,.13),transparent 60%),
    linear-gradient(135deg,rgba(16,8,38,.94),rgba(72,28,122,.38),rgba(245,180,0,.10));
  box-shadow:0 16px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10), 0 0 34px rgba(245,180,0,.08);
}
.neet-mission-countdown__glow{
  position:absolute; inset:-50%; pointer-events:none;
  background:
    radial-gradient(circle at 80% 35%,rgba(245,180,0,.22),transparent 42%),
    linear-gradient(100deg,transparent 35%,rgba(255,255,255,.08),transparent 62%);
  animation:neetMissionPulse 4.5s ease-in-out infinite;
}
.neet-mission-countdown__copy{ position:relative; min-width:0; }
.neet-mission-countdown h2{ margin:0 0 4px; font-size:1.28rem; font-weight:950; color:#fff; letter-spacing:-.01em; }
.neet-mission-countdown p{ margin:0; font-size:.88rem; color:rgba(255,255,255,.72); }
.neet-countdown-rewards{ display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.neet-countdown-rewards span{
  display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.78); font-size:.7rem; font-weight:900;
}
.neet-countdown-rewards i{ color:var(--gold,#f5b400); }
.neet-countdown-core{
  position:relative; width:104px; height:104px; display:grid; place-items:center; justify-self:center;
  border-radius:50%; background:radial-gradient(circle,rgba(245,180,0,.22),rgba(107,44,174,.14) 58%,rgba(255,255,255,.04));
  border:1px solid rgba(245,180,0,.25); box-shadow:0 0 26px rgba(245,180,0,.16), inset 0 0 22px rgba(255,255,255,.06);
  color:#fff;
}
.neet-countdown-core i{ position:relative; z-index:1; font-size:1.45rem; color:#ffd54f; filter:drop-shadow(0 0 10px rgba(245,180,0,.45)); }
.neet-countdown-core span{ position:absolute; bottom:18px; font-size:.62rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.neet-countdown-orbit{
  position:absolute; inset:10px; border-radius:50%; border:1px dashed rgba(255,255,255,.24);
  animation:neetOrbit 12s linear infinite;
}
.neet-countdown-orbit::before{
  content:""; position:absolute; top:-4px; left:50%; width:8px; height:8px; border-radius:50%;
  background:#4dd0e1; box-shadow:0 0 12px rgba(77,208,225,.9);
}
@keyframes neetOrbit{ to{ transform:rotate(360deg); } }
.neet-countdown-grid{
  position:relative; display:grid; grid-template-columns:repeat(4,minmax(66px,1fr)); gap:10px;
}
.neet-countdown-grid div{
  min-width:66px; padding:12px 10px; border-radius:15px; text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 10px 20px rgba(0,0,0,.16);
}
.neet-countdown-grid strong{
  display:block; font-size:1.32rem; line-height:1; font-weight:950; color:var(--gold,#f5b400);
  font-variant-numeric:tabular-nums; text-shadow:0 0 14px rgba(245,180,0,.26);
}
.neet-countdown-grid span{
  display:block; margin-top:4px; font-size:.62rem; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:rgba(255,255,255,.55);
}

.neet-fun-fact{
  display:flex; align-items:flex-start; gap:12px; margin-bottom:18px; padding:12px 14px;
  border-radius:12px; background:rgba(171,71,188,.1); border:1px solid rgba(171,71,188,.25);
}
.neet-fun-fact i{ color:#ce93d8; font-size:1.1rem; margin-top:2px; }
.neet-fun-fact p{ margin:0; font-size:.84rem; line-height:1.5; color:rgba(255,255,255,.78); }

.neet-dual-switch__link{
  display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:10px;
  font-size:.78rem; font-weight:800; text-decoration:none; color:#90caf9;
  background:rgba(66,165,245,.1); border:1px solid rgba(66,165,245,.25);
}
.neet-dual-switch__link:hover{ background:rgba(66,165,245,.18); }

.neet-mc-badge--hot{
  background:rgba(239,83,80,.15)!important; color:#ff8a80!important;
  border:1px solid rgba(239,83,80,.35)!important;
}

.neet-mission-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px;
}
.neet-mission-card{
  position:relative; display:block; text-decoration:none; color:inherit;
  padding:12px 10px; border-radius:12px; overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(107,44,174,.15),rgba(16,8,38,.9));
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
  min-height:0;
}
.neet-mission-card:hover{
  transform:translateY(-4px);
  border-color:rgba(245,180,0,.45);
  box-shadow:0 16px 40px rgba(107,44,174,.2), 0 0 0 1px rgba(245,180,0,.15);
}
.neet-mc-glow{
  position:absolute; inset:-50%;
  background:radial-gradient(circle at 30% 30%,rgba(107,44,174,.2),transparent 55%);
  pointer-events:none;
}
.neet-mc-icon{
  width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:rgba(107,44,174,.2); border:1px solid rgba(107,44,174,.4);
  font-size:1rem; color:#c4b5fd; margin-bottom:8px;
}
.neet-mc-notes .neet-mc-icon{ color:var(--gold, #f5b400); border-color:rgba(245,180,0,.35); background:rgba(245,180,0,.1); }
.neet-mc-flash .neet-mc-icon{ color:var(--gold, #f5b400); border-color:rgba(245,180,0,.4); background:rgba(245,180,0,.12); }
.neet-mission-card h3{ font-size:1rem; font-weight:900; margin:0 0 6px; color:#fff; }
.neet-mission-card p{ margin:0; font-size:.82rem; color:rgba(255,255,255,.55); line-height:1.4; max-width:90%; }
.neet-mc-badge{
  display:inline-block; margin-top:12px; font-size:.7rem; font-weight:800;
  padding:3px 8px; border-radius:6px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.6);
}
.neet-mc-free{ background:rgba(245,180,0,.15); color:var(--gold, #f5b400); border:1px solid rgba(245,180,0,.3); }
.neet-mc-arrow{
  position:absolute; right:18px; bottom:18px; font-size:1.2rem; color:rgba(245,180,0,.5);
  transition:transform .2s, color .2s;
}
.neet-mission-card:hover .neet-mc-arrow{ transform:translateX(4px); color:var(--gold, #f5b400); }
.neet-mc-locked{
  cursor:default; opacity:.92; border-style:dashed;
}
.neet-mc-locked:hover{ transform:none; box-shadow:none; }
.neet-mc-unlock{
  display:inline-block; margin-top:10px; font-weight:800; font-size:.82rem;
  color:var(--gold, #f5b400); text-decoration:none;
}
.neet-mc-unlock:hover{ text-decoration:underline; }

.neet-flash-unlocks h2{
  font-size:.9rem; font-weight:900; color:rgba(255,255,255,.75);
  margin:0 0 16px; display:flex; align-items:center; gap:8px;
}
.neet-unlock-rail{
  display:flex; gap:0; align-items:flex-start; overflow-x:auto; padding-bottom:8px;
}
.neet-unlock-node{
  flex:1; min-width:120px; text-align:center; position:relative; opacity:.4; padding:0 8px;
}
.neet-unlock-node.is-on{ opacity:1; }
.neet-unlock-node:not(:last-child)::after{
  content:""; position:absolute; top:10px; left:calc(50% + 12px); right:calc(-50% + 12px);
  height:2px; background:rgba(255,255,255,.1);
}
.neet-unlock-node.is-on:not(:last-child)::after{
  background:linear-gradient(90deg,var(--purple, #6b2cae),var(--gold, #f5b400));
}
.neet-unlock-dot{
  width:20px; height:20px; border-radius:50%; margin:0 auto 8px;
  border:2px solid rgba(255,255,255,.2); background:rgba(16,8,38,.8);
}
.neet-unlock-node.is-on .neet-unlock-dot{
  border-color:var(--gold, #f5b400); background:rgba(245,180,0,.2);
  box-shadow:0 0 10px rgba(245,180,0,.4);
}
.neet-unlock-xp{ display:block; font-size:.65rem; color:var(--gold, #f5b400); font-weight:800; }
.neet-unlock-name{ display:block; font-size:.72rem; color:rgba(255,255,255,.7); margin-top:2px; }

.neet-streak-display{ display:flex; align-items:baseline; gap:6px; margin-bottom:10px; }
.neet-streak-display i{ color:#f97316; font-size:1.4rem; }
.neet-streak-num{ font-size:2.2rem; font-weight:900; color:#fff; line-height:1; }
.neet-streak-unit{ font-size:.8rem; color:rgba(255,255,255,.5); }
.neet-streak-bar{ height:6px; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; margin-bottom:8px; }
.neet-streak-fill{ height:100%; background:linear-gradient(90deg,#f97316,var(--gold, #f5b400)); transition:width .6s; }
.neet-reward-pill{
  margin-top:12px; padding:8px 10px; border-radius:10px; font-size:.72rem; font-weight:700;
  background:rgba(74,222,128,.12); color:#4ade80; border:1px solid rgba(74,222,128,.3);
}
.neet-reward-pending{ background:rgba(245,180,0,.1); color:var(--gold, #f5b400); border-color:rgba(245,180,0,.25); }
.neet-fact-text{ margin:0; font-size:.85rem; line-height:1.55; color:rgba(255,255,255,.8); }

@media(max-width:1024px){
  .neet-hud{ grid-template-columns:1fr; }
  .neet-hud-left,.neet-hud-right{ flex-direction:row; flex-wrap:wrap; }
  .neet-hud-left .neet-hud-panel,.neet-hud-right .neet-hud-panel{ flex:1; min-width:200px; }
  .neet-hud-center{ border:none; }
}
@media(max-width:640px){
  .neet-mission-grid{ grid-template-columns:1fr; }
  .neet-hud-left,.neet-hud-right{ flex-direction:column; }
  .neet-mission-countdown{ grid-template-columns:1fr; }
  .neet-countdown-core{ width:86px; height:86px; }
  .neet-countdown-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
