/* =========================================================
   BEC NEON DASHBOARD — dark glow theme (loads after dashboard-pro.css)
   ========================================================= */
body.pd-v2{
  --nx-bg:#05060f;--nx-bg2:#0a0d24;--nx-card:rgba(14,18,48,.72);--nx-line:rgba(120,140,255,.22);
  --nx-cyan:#00d4ff;--nx-pink:#ff2bd6;--nx-violet:#b36bff;--nx-green:#39ff14;--nx-orange:#ffae1a;--nx-red:#ff2d6f;
  --nx-text:#e9f1ff;--nx-muted:#8fa0d6;--pd-ink:#e9f1ff;--pd-muted:#8fa0d6;--pd-line:var(--nx-line);--pd-blue:var(--nx-cyan);
  background:var(--nx-bg)!important;color:var(--nx-text);
}
body.pd-v2::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
   radial-gradient(40vmax 40vmax at 8% 8%,rgba(0,212,255,.20),transparent 60%),
   radial-gradient(38vmax 38vmax at 95% 12%,rgba(255,43,214,.18),transparent 60%),
   radial-gradient(42vmax 42vmax at 60% 105%,rgba(124,77,255,.22),transparent 60%),
   radial-gradient(28vmax 28vmax at 100% 90%,rgba(57,255,20,.10),transparent 60%),
   linear-gradient(180deg,#05060f,#080b1e);}
body.pd-v2::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 75%)}

/* ---------- Sidebar ---------- */
body.pd-v2 .bec-sidebar{background:linear-gradient(180deg,rgba(8,10,34,.96),rgba(6,8,26,.98))!important;border-inline-end:1px solid var(--nx-line)!important;box-shadow:0 0 30px rgba(0,212,255,.12)!important}
body.pd-v2 .bec-sidebar .bec-brand{border-bottom:1px solid var(--nx-line)!important}
body.pd-v2 .bec-sidebar .bec-logo{background:#0a0d24;box-shadow:0 0 0 2px var(--nx-cyan),0 0 16px var(--nx-cyan),0 0 34px rgba(0,212,255,.5)}
.pd-brand-text b{color:#fff;text-shadow:0 0 6px #fff,0 0 14px var(--nx-cyan),0 0 28px var(--nx-cyan)}
.pd-brand-text span{color:#9fe9ff;text-shadow:0 0 8px rgba(0,212,255,.7)}
body.pd-v2 .bec-sidebar .bec-nav-item{color:#cfdcff!important;border-radius:12px!important;transition:all .25s}
body.pd-v2 .bec-sidebar .bec-nav-item .pd-ic{filter:drop-shadow(0 0 5px currentColor)}
body.pd-v2 .bec-sidebar .bec-nav-item:hover{background:rgba(0,212,255,.10)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(0,212,255,.45),0 0 16px rgba(0,212,255,.25)!important;text-shadow:0 0 8px var(--nx-cyan)}
body.pd-v2 .bec-sidebar .bec-nav-item.selected{background:linear-gradient(90deg,rgba(0,212,255,.28),rgba(255,43,214,.22))!important;color:#fff!important;box-shadow:inset 0 0 0 1px var(--nx-cyan),0 0 20px rgba(0,212,255,.45),0 0 40px rgba(255,43,214,.2)!important;text-shadow:0 0 10px #fff}
.pd-sidefoot{border-top:1px solid var(--nx-line)}
.pd-sidebtn{color:#cfdcff!important}.pd-sidebtn:hover{background:rgba(255,43,214,.12)!important;box-shadow:inset 0 0 0 1px var(--nx-pink),0 0 14px rgba(255,43,214,.35)}
.pd-out{border-top:1px solid var(--nx-line)}
.pd-ver{color:#6f7fb8}
.pd-online{color:#e9f1ff}
.pd-online i,#pdNetDot{background:var(--nx-green);box-shadow:0 0 0 3px rgba(57,255,20,.25),0 0 14px var(--nx-green)}
.pd-online i.off,#pdNetDot.off{background:var(--nx-orange);box-shadow:0 0 0 3px rgba(255,174,26,.25),0 0 14px var(--nx-orange)}

/* ---------- Top bar ---------- */
#pdTopbar{background:rgba(7,9,28,.78)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--nx-line)!important;box-shadow:0 4px 30px rgba(0,212,255,.10)!important}
#pdTopbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--nx-cyan),var(--nx-pink),var(--nx-violet),transparent);opacity:.8;box-shadow:0 0 12px var(--nx-cyan)}
.pd-iconbtn{color:#bcd0ff!important}.pd-iconbtn:hover,.pd-userbtn:hover{background:rgba(0,212,255,.12)!important;box-shadow:0 0 14px rgba(0,212,255,.35)}
.pd-iconbtn em{background:var(--nx-pink);box-shadow:0 0 10px var(--nx-pink)}
.pd-search{background:rgba(255,255,255,.05)!important;border:1px solid var(--nx-line)!important;color:#8fa0d6}
.pd-search:focus-within{border-color:var(--nx-cyan)!important;box-shadow:0 0 0 1px var(--nx-cyan),0 0 20px rgba(0,212,255,.4)!important;background:rgba(0,212,255,.06)!important}
.pd-search input{color:#fff!important}.pd-search input::placeholder{color:#6f7fb8}
.pd-userbtn,.pd-userbtn .pd-uname{color:#fff!important}
.pd-uav{background:linear-gradient(135deg,var(--nx-cyan),var(--nx-pink));color:#fff;box-shadow:0 0 14px rgba(0,212,255,.6)}
.pd-pop{background:rgba(9,12,38,.96)!important;border:1px solid var(--nx-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 30px rgba(0,212,255,.2)!important;backdrop-filter:blur(14px)}
.pd-alerts button,.pd-results button{color:#e9f1ff!important}.pd-alerts button:hover,.pd-results button:hover{background:rgba(0,212,255,.12)!important}
.pd-pop p,.pd-results small,.pd-usermenu .pd-logged{color:var(--nx-muted)!important}.pd-results .pd-ic{color:var(--nx-cyan)}

/* ---------- Title / hero ---------- */
.pd-titlebar h1{color:#fff;font-size:30px;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 16px var(--nx-cyan),0 0 34px var(--nx-cyan);animation:nxFlicker 6s infinite}
.pd-titlebar h1 .pd-ic{color:var(--nx-cyan);filter:drop-shadow(0 0 8px var(--nx-cyan))}
.pd-titlebar p{color:#b7c6ff;text-shadow:0 0 10px rgba(179,107,255,.7)}
.pd-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:22px;letter-spacing:2px;color:#fff;padding:6px 14px;border-radius:12px;border:1px solid rgba(255,43,214,.5);background:rgba(255,43,214,.08);text-shadow:0 0 8px var(--nx-pink),0 0 18px var(--nx-pink);box-shadow:0 0 16px rgba(255,43,214,.3),inset 0 0 12px rgba(255,43,214,.15)}
.pd-date{background:rgba(0,212,255,.08)!important;border:1px solid rgba(0,212,255,.5)!important;color:#d7f6ff!important;text-shadow:0 0 8px var(--nx-cyan);box-shadow:0 0 16px rgba(0,212,255,.28),inset 0 0 12px rgba(0,212,255,.12)}
.pd-refresh{background:rgba(57,255,20,.08)!important;border:1px solid rgba(57,255,20,.55)!important;color:var(--nx-green)!important;box-shadow:0 0 14px rgba(57,255,20,.3)}
.pd-refresh:hover{box-shadow:0 0 24px rgba(57,255,20,.7)}
@keyframes nxFlicker{0%,19%,21%,60%,62%,100%{opacity:1}20%,61%{opacity:.7}}

/* ---------- Quick actions (new) ---------- */
.pd-quick{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.pd-qbtn{--nc:var(--nx-cyan);display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:14px;cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:700;color:#fff!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nc) 22%,transparent),rgba(8,10,34,.7))!important;border:1px solid color-mix(in srgb,var(--nc) 70%,transparent)!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--nc) 35%,transparent),inset 0 0 14px color-mix(in srgb,var(--nc) 12%,transparent);text-shadow:0 0 8px var(--nc);transition:transform .2s,box-shadow .2s}
.pd-qbtn .pd-ic{color:var(--nc);filter:drop-shadow(0 0 6px var(--nc))}
.pd-qbtn:hover{transform:translateY(-3px);box-shadow:0 0 28px var(--nc),0 0 52px color-mix(in srgb,var(--nc) 45%,transparent),inset 0 0 18px color-mix(in srgb,var(--nc) 25%,transparent)}

/* ---------- KPI cards ---------- */
.pd-kpi{--nc:var(--nx-cyan);position:relative;overflow:hidden;background:var(--nx-card)!important;backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--nc) 55%,transparent)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--nc) 28%,transparent),inset 0 0 26px color-mix(in srgb,var(--nc) 8%,transparent)!important}
.pd-kpi::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,color-mix(in srgb,var(--nc) 35%,transparent),transparent);opacity:.55;pointer-events:none}
.pd-kpi::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-20deg);animation:nxSheen 6s ease-in-out infinite;pointer-events:none}
.pd-kpi:nth-child(2)::after{animation-delay:1s}.pd-kpi:nth-child(3)::after{animation-delay:2s}.pd-kpi:nth-child(4)::after{animation-delay:3s}.pd-kpi:nth-child(5)::after{animation-delay:4s}
@keyframes nxSheen{0%,70%{left:-60%}100%{left:130%}}
.pd-kpi:hover{transform:translateY(-4px);box-shadow:0 0 30px var(--nc),0 0 60px color-mix(in srgb,var(--nc) 40%,transparent),inset 0 0 30px color-mix(in srgb,var(--nc) 14%,transparent)!important}
.pd-kpi-label{color:#c5d3ff}
.pd-kpi-num{color:#fff;text-shadow:0 0 8px color-mix(in srgb,var(--nc) 90%,#fff),0 0 22px var(--nc),0 0 44px var(--nc)}
.pd-kpi-num small{color:var(--nc)}
.pd-kpi-ic{background:color-mix(in srgb,var(--nc) 18%,transparent)!important;border:1.5px solid var(--nc);color:var(--nc);box-shadow:0 0 16px var(--nc),inset 0 0 16px color-mix(in srgb,var(--nc) 35%,transparent)!important}
.pd-kpi-ic .pd-ic{filter:drop-shadow(0 0 6px var(--nc))}
.pd-kpi-cap{color:#8fa0d6}
.pd-delta.up{color:var(--nx-green);text-shadow:0 0 10px var(--nx-green)}.pd-delta.down{color:var(--nx-red);text-shadow:0 0 10px var(--nx-red)}.pd-delta.flat{color:#8fa0d6}

/* ---------- Today strip (new) ---------- */
.pd-today{background:var(--nx-card);backdrop-filter:blur(10px);border:1px solid rgba(179,107,255,.5);border-radius:16px;padding:16px 18px;margin-bottom:18px;box-shadow:0 0 22px rgba(179,107,255,.25),inset 0 0 26px rgba(179,107,255,.07)}
.pd-today:empty{display:none}
.pd-today-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pd-today-head h3{margin:0;font-size:17px;color:#fff;text-shadow:0 0 12px var(--nx-violet)}
.pd-today-head .pd-chip{animation:nxLive 1.6s ease-in-out infinite}
@keyframes nxLive{50%{box-shadow:0 0 0 0 transparent,0 0 18px var(--nx-green);opacity:.8}}
.pd-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pd-tile{--nc:var(--nx-cyan);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;cursor:pointer;font-family:inherit;text-align:start;color:#fff!important;
  background:color-mix(in srgb,var(--nc) 9%,rgba(8,10,34,.6))!important;border:1px solid color-mix(in srgb,var(--nc) 55%,transparent)!important;box-shadow:0 0 14px color-mix(in srgb,var(--nc) 22%,transparent);transition:transform .2s,box-shadow .2s;min-width:0}
.pd-tile:hover{transform:translateY(-3px);box-shadow:0 0 26px var(--nc)}
.pd-tile-ring{cursor:default}.pd-tile-ring:hover{transform:none;box-shadow:0 0 14px color-mix(in srgb,var(--nc) 22%,transparent)}
.pd-tile-ic{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;color:var(--nc);border:1px solid var(--nc);background:color-mix(in srgb,var(--nc) 14%,transparent);box-shadow:0 0 12px var(--nc)}
.pd-tile-tx{display:flex;flex-direction:column;min-width:0;gap:2px}
.pd-tile-tx small{color:#b7c6ff;font-size:12.5px}
.pd-tile-tx b{font-size:20px;color:#fff;text-shadow:0 0 10px var(--nc),0 0 22px var(--nc);direction:ltr;text-align:start;white-space:nowrap}
.pd-tile-tx em{font-style:normal;color:#8fa0d6;font-size:11.5px}
.pd-ring{width:58px;height:58px;flex:0 0 58px}
.pd-ring-bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:7}
.pd-ring-fg{fill:none;stroke:var(--nc);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--nc)) drop-shadow(0 0 10px var(--nc))}
.pd-ring text{font-size:14px;font-weight:800;fill:#fff}

/* ---------- Chart cards ---------- */
.pd-loading{background:var(--nx-card);border:1px dashed var(--nx-cyan);color:var(--nx-cyan);text-shadow:0 0 10px var(--nx-cyan)}
.pd-card{background:var(--nx-card)!important;backdrop-filter:blur(10px);border:1px solid var(--nx-line)!important;box-shadow:0 0 0 1px rgba(255,255,255,.02),0 10px 34px rgba(0,0,0,.35)!important;position:relative}
.pd-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,var(--nx-cyan),transparent 35%,transparent 65%,var(--nx-pink));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75}
.pd-card:hover{box-shadow:0 0 28px rgba(0,212,255,.3),0 0 50px rgba(255,43,214,.15)!important}
.pd-head h3{color:#fff;text-shadow:0 0 10px rgba(0,212,255,.8)}
.pd-key{color:#c5d3ff}
.pd-link{color:var(--nx-cyan);text-shadow:0 0 10px var(--nx-cyan)}
.pd-chip{color:var(--nx-green);background:rgba(57,255,20,.1);border:1px solid rgba(57,255,20,.5);text-shadow:0 0 8px var(--nx-green)}
.pd-gl{stroke:rgba(140,160,255,.14)}
.pd-axis{fill:#8fa0d6}.pd-axis-l{fill:#c5d3ff}
.pd-val{fill:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}
.pd-bar,.pd-seg,.pd-slice{filter:drop-shadow(0 0 5px currentColor)}
.pd-bar{filter:drop-shadow(0 0 6px rgba(0,212,255,.55))}.pd-bar:hover{filter:brightness(1.25) drop-shadow(0 0 12px #fff)}
.pd-line{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px rgba(0,212,255,.6))}
.pd-dot{filter:drop-shadow(0 0 6px #fff)}
.pd-seg{filter:drop-shadow(0 0 7px rgba(255,255,255,.45))}
.pd-slice{filter:drop-shadow(0 0 8px rgba(255,255,255,.35))}
.pd-pie-t{fill:#05060f!important}
.pd-donut-big{fill:#fff;filter:drop-shadow(0 0 8px var(--nx-cyan))}.pd-donut-small{fill:#8fa0d6}
.pd-legend strong{color:#fff}.pd-legend span{color:#b7c6ff}
.pd-legend li i{box-shadow:0 0 10px currentColor,0 0 4px #fff}
.pd-mini-legend{color:#c5d3ff}
.pd-empty{color:#6f7fb8}.pd-empty .pd-ic{filter:drop-shadow(0 0 8px var(--nx-violet));color:var(--nx-violet)}

/* table */
.pd-table th{background:rgba(0,212,255,.10);color:#9fe9ff;text-shadow:0 0 8px rgba(0,212,255,.6)}
.pd-table td{color:#dbe5ff;border-bottom:1px solid rgba(140,160,255,.14)}
.pd-table tbody tr{transition:background .2s}.pd-table tbody tr:hover{background:rgba(255,43,214,.08)}
.pd-name{color:#fff}
.pd-avatar{box-shadow:0 0 12px rgba(255,255,255,.35)}

/* footer */
.pd-footer{background:var(--nx-card)!important;border:1px solid var(--nx-line)!important;color:#b7c6ff!important;box-shadow:0 0 20px rgba(0,212,255,.12)}
.pd-footer b{color:#fff;text-shadow:0 0 10px var(--nx-cyan)}
body.pd-v2 #dashboard .backup-panel{background:var(--nx-card)!important;border:1px solid var(--nx-line)!important;color:#dbe5ff!important}
body.pd-v2 #dashboard .backup-panel *{color:inherit}
body.pd-v2 #dashboard .backup-panel button{color:#fff}

/* ---------- Other sections: keep light panels but frame them in neon ---------- */
body.pd-v2 main.container>section.section,body.pd-v2 main.container>section#settingsSection,body.pd-v2 main.container>section#reportsSection{border:1px solid rgba(0,212,255,.55);box-shadow:0 0 24px rgba(0,212,255,.25),0 0 60px rgba(255,43,214,.12)}
body.pd-v2>footer{color:#8fa0d6}

/* ---------- Responsive ---------- */
@media(max-width:1350px){.pd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.pd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-clock{font-size:18px}.pd-titlebar{flex-wrap:wrap}}
@media(max-width:430px){.pd-tiles{grid-template-columns:1fr}.pd-qbtn{flex:1 1 calc(50% - 12px);justify-content:center}}
@media(prefers-reduced-motion:reduce){.pd-titlebar h1,.pd-kpi::after,.pd-today-head .pd-chip{animation:none}}
@media print{body.pd-v2::before,body.pd-v2::after{display:none}}

/* ---------- fixes: headings, table, injected panels, footer ---------- */
.pd-card .pd-head h3,.pd-today-head h3{color:#fff!important}
.pd-table-wrap,.pd-table,.pd-table tbody,.pd-table tr{background:transparent!important}
.pd-table td,.pd-table td span{color:#dbe5ff!important}
.pd-table th{background:rgba(0,212,255,.12)!important;color:#9fe9ff!important}
.pd-tile-tx b{color:#fff!important}.pd-tile-tx small{color:#b7c6ff!important}

.par-dash,.tch-dash,body.pd-v2 .bec-welcome{background:var(--nx-card)!important;backdrop-filter:blur(10px);border:1px solid rgba(179,107,255,.5)!important;box-shadow:0 0 22px rgba(179,107,255,.25),inset 0 0 26px rgba(179,107,255,.06)!important;color:#dbe5ff!important}
.tch-dash{border-color:rgba(57,255,20,.5)!important;box-shadow:0 0 22px rgba(57,255,20,.2),inset 0 0 26px rgba(57,255,20,.05)!important}
.par-dash h3,.tch-dash h3{color:#fff!important;text-shadow:0 0 10px var(--nx-violet)}
.par-dash .par-dash-stats div,.tch-dash .tch-dash-stats div{background:rgba(0,212,255,.07)!important;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 12px rgba(0,212,255,.18)}
.tch-dash .tch-dash-stats div{background:rgba(57,255,20,.06)!important;border-color:rgba(57,255,20,.4);box-shadow:0 0 12px rgba(57,255,20,.15)}
.par-dash .par-dash-stats b,.tch-dash .tch-dash-stats b{color:#fff!important;text-shadow:0 0 8px var(--nx-cyan),0 0 20px var(--nx-cyan)}
.tch-dash .tch-dash-stats b{text-shadow:0 0 8px var(--nx-green),0 0 20px var(--nx-green)}
.par-dash .par-dash-stats span,.tch-dash .tch-dash-stats span,.par-dash .par-dash-recent p,.par-dash .par-empty,.par-dash .par-dash-recent small{color:#b7c6ff!important}
.par-dash .par-btn,.tch-dash .tch-btn{background:rgba(0,212,255,.12)!important;color:#fff!important;border:1px solid var(--nx-cyan)!important;box-shadow:0 0 14px rgba(0,212,255,.35);text-shadow:0 0 8px var(--nx-cyan)}
.par-dash .par-btn:hover,.tch-dash .tch-btn:hover{box-shadow:0 0 26px var(--nx-cyan)}
body.pd-v2 .bec-welcome *{color:#e9f1ff}
body.pd-v2 .bec-welcome .bec-wtxt{text-shadow:0 0 10px var(--nx-cyan)}
body.pd-v2>footer,body.pd-v2 footer{background:rgba(7,9,28,.85)!important;color:#8fa0d6!important;border-top:1px solid var(--nx-line);box-shadow:0 -4px 24px rgba(0,212,255,.12)}
body.pd-v2 #dashboard .backup-panel h2,body.pd-v2 #dashboard .backup-panel h3,body.pd-v2 #dashboard .backup-panel p,body.pd-v2 #dashboard .backup-panel small{color:#e9f1ff!important}
body.pd-v2 #dashboard .backup-panel button{background:rgba(255,43,214,.14)!important;border:1px solid var(--nx-pink)!important;box-shadow:0 0 14px rgba(255,43,214,.35);text-shadow:0 0 8px var(--nx-pink)}
body.pd-v2 .bec-welcome .bec-rolebadge,body.pd-v2 .bec-welcome .bec-rolebadge *{color:#05060f!important;font-weight:800}
body.pd-v2 #pdTopbar .bec-rolebadge{color:#05060f!important}

/* ---------- Date converter (new) ---------- */
.pd-conv{background:var(--nx-card);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.5);border-radius:16px;padding:16px 18px;margin-bottom:18px;box-shadow:0 0 22px rgba(0,212,255,.22),inset 0 0 26px rgba(0,212,255,.06)}
.pd-conv .pd-today-head h3{display:flex;align-items:center;gap:8px;text-shadow:0 0 12px var(--nx-cyan)}
.pd-conv .pd-today-head .pd-ic{color:var(--nx-cyan);filter:drop-shadow(0 0 6px var(--nx-cyan))}
.pd-conv-today{background:rgba(57,255,20,.1)!important;color:var(--nx-green)!important;border:1px solid rgba(57,255,20,.6)!important;border-radius:20px;padding:5px 16px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 0 12px rgba(57,255,20,.3);text-shadow:0 0 8px var(--nx-green)}
.pd-conv-in{display:grid;grid-template-columns:1.6fr .8fr 1.4fr .7fr auto;gap:12px;align-items:end}
.pd-conv-in label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b7c6ff;font-weight:700;min-width:0}
.pd-conv-in select,.pd-conv-in input{height:44px;border-radius:12px;border:1px solid var(--nx-line)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-family:inherit;font-size:15px;padding:0 12px;outline:0;width:100%;box-sizing:border-box;margin:0!important}
.pd-conv-in select option{background:#0a0d24;color:#fff}
.pd-conv-in select:focus,.pd-conv-in input:focus{border-color:var(--nx-cyan)!important;box-shadow:0 0 0 1px var(--nx-cyan),0 0 18px rgba(0,212,255,.45)}
.pd-conv-go{height:44px;padding:0 24px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;color:#fff!important;border:1px solid var(--nx-pink)!important;background:linear-gradient(135deg,rgba(255,43,214,.35),rgba(124,77,255,.3))!important;box-shadow:0 0 16px rgba(255,43,214,.5);text-shadow:0 0 8px var(--nx-pink);margin:0!important}
.pd-conv-go:hover{box-shadow:0 0 30px var(--nx-pink)}
.pd-conv-wd{display:flex;align-items:center;gap:8px;margin:16px 0 10px;color:#fff;font-size:16px;text-shadow:0 0 10px var(--nx-violet)}
.pd-conv-wd .pd-ic{color:var(--nx-violet)}
.pd-conv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pd-conv-card{--nc:var(--nx-cyan);display:flex;flex-direction:column;gap:4px;text-align:start;padding:14px 16px;border-radius:14px;cursor:pointer;font-family:inherit;color:#fff!important;background:color-mix(in srgb,var(--nc) 9%,rgba(8,10,34,.6))!important;border:1px solid color-mix(in srgb,var(--nc) 60%,transparent)!important;box-shadow:0 0 14px color-mix(in srgb,var(--nc) 25%,transparent);transition:transform .2s,box-shadow .2s}
.pd-conv-card.c-sh{--nc:var(--nx-green)}.pd-conv-card.c-gr{--nc:var(--nx-cyan)}.pd-conv-card.c-lh{--nc:var(--nx-pink)}
.pd-conv-card:hover{transform:translateY(-3px);box-shadow:0 0 28px var(--nc)}
.pd-conv-card small{color:var(--nc);font-size:12.5px;font-weight:700;text-shadow:0 0 8px var(--nc)}
.pd-conv-card b{font-size:19px;color:#fff;text-shadow:0 0 10px var(--nc),0 0 22px var(--nc)}
.pd-conv-card em{font-style:normal;color:#b7c6ff;font-size:13px;direction:ltr;text-align:start}
.pd-conv-err{color:var(--nx-red);text-shadow:0 0 8px var(--nx-red);margin:14px 0 0}
.pd-conv-note{margin:12px 0 0;font-size:12px;color:#8fa0d6}
@media(max-width:1000px){.pd-conv-in{grid-template-columns:1fr 1fr}.pd-conv-go{grid-column:1/-1}.pd-conv-cards{grid-template-columns:1fr}}


/* =========================================================
   STUDENT PERFORMANCE page — readable text on the dark neon theme
   (scoped to the page, the white pop-up dialog keeps dark text)
   ========================================================= */
:is(#studentPerformanceSection,#teacherPerformanceSection){color:var(--nx-text,#e9f1ff)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-page-head h2{color:#fff;text-shadow:0 0 10px rgba(0,212,255,.45)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-page-head p,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-status{color:#b7c6f0}

/* cards, filter bar, table wrapper */
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-stat,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-card,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table-wrap{
  background:var(--nx-card,rgba(14,18,48,.72));
  border:1px solid var(--nx-line,rgba(120,140,255,.22));
  box-shadow:0 8px 26px rgba(0,0,0,.30);
  color:#e9f1ff;
}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-stat small{color:#a9b8e6}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-stat strong{color:#fff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-stat-warn strong{color:#ff6f8f}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-card h3{color:#fff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist{color:#dbe5ff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar{background:rgba(255,255,255,.12)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-top li{border-bottom:1px solid rgba(140,160,255,.16)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-top a,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-top li{color:#e9f1ff}

/* filter inputs / selects */
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools label{color:#dbe5ff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools input,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools select{
  background:rgba(255,255,255,.07);
  color:#fff;
  border:1px solid rgba(140,160,255,.35);
}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools input::placeholder{color:#9fb0de}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools select option{background:#0d1233;color:#fff}

/* table */
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table th{background:rgba(0,212,255,.12);color:#9fe9ff;font-size:13px}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td{color:#e9f1ff;border-bottom:1px solid rgba(140,160,255,.16)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table tbody tr:hover{background:rgba(255,43,214,.08)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-name{color:#fff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-name:hover{color:var(--nx-cyan,#00d4ff)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-sub{color:#a9b8e6}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-bar,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-bar-track{background:rgba(255,255,255,.14)}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-up{color:#4dff8a}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-down{color:#ff6f8f}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-flat{color:#b7c6f0}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-fee-due{color:#ff8aa3}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-fee-ok{color:#4dff8a}

/* grade badges: light-on-dark versions so the text stays readable */
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-g-top{background:rgba(57,255,20,.16);color:#7dff9f}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-g-good{background:rgba(0,212,255,.16);color:#8fe6ff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-g-ok{background:rgba(255,174,26,.18);color:#ffd27a}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-g-low{background:rgba(255,45,111,.18);color:#ff9db6}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-g-none{background:rgba(255,255,255,.10);color:#c3cdea}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar .sp-g-top{background:#39ff14}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar .sp-g-good{background:#00d4ff}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar .sp-g-ok{background:#ffae1a}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar .sp-g-low{background:#ff2d6f}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-dist-bar .sp-g-none{background:#8fa0d6}

/* buttons */
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-ghost,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-mini{
  background:rgba(0,212,255,.12);
  color:#bff3ff;
  border:1px solid rgba(0,212,255,.45);
}
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-ghost:hover,
:is(#studentPerformanceSection,#teacherPerformanceSection) .sp-mini:hover{background:rgba(0,212,255,.24);color:#fff}

/* The page itself was a white .section card -> light text was invisible on it.
   Make it dark like the rest of the neon dashboard. */
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection).section{
  background:linear-gradient(180deg,rgba(10,13,36,.92),rgba(6,8,26,.96))!important;
  border:1px solid var(--nx-line,rgba(120,140,255,.22))!important;
  box-shadow:0 0 30px rgba(0,212,255,.10)!important;
  color:#e9f1ff!important;
}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-stat,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-card,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-tools,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table-wrap{
  background:rgba(20,26,66,.85)!important;
}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td *{color:#e9f1ff}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-fee-ok{color:#4dff8a}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-fee-due{color:#ff8aa3}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-up{color:#4dff8a}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-down{color:#ff8aa3}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-sub{color:#a9b8e6}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table th{color:#9fe9ff!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-page-head h2{color:#fff!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .back-btn{color:#fff}


/* =========================================================
   ALL OTHER MENUS (courses, fees, library, attendance, exams,
   parents, teachers, relations, reports, settings ...)
   They are white cards, but the neon theme made the inherited
   text colour light -> text vanished. Give them dark ink.
   ========================================================= */
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)){
  color:#183456;
}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) :is(h1,h2,h3,h4,h5,h6){
  color:#102b49;
}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) :is(p,li,td,small,legend,dt,dd){
  color:#2c4468;
}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) label{color:#3b4f6e}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) th{color:#173656}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) :is(input,select,textarea){
  color:#183456;background-color:#fff;
}
body.pd-v2 main.container>section.section:not(#dashboard):not(:is(#studentPerformanceSection,#teacherPerformanceSection)) :is(input,textarea)::placeholder{color:#7b8aa3}
/* the purple/green neon panels inside Parents/Teachers/Relations keep their light text */
body.pd-v2 .par-dash,body.pd-v2 .par-dash :is(h1,h2,h3,p,li,small,span,div,b,strong),
body.pd-v2 .tch-dash,body.pd-v2 .tch-dash :is(h1,h2,h3,p,li,small,span,div,b,strong){color:#e9f1ff}

/* Student performance table: the <table> itself had a white background */
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table-wrap,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) table,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table thead,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table tbody,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table tr,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td{
  background:transparent!important;
  background-color:transparent!important;
}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table-wrap{
  background:rgba(20,26,66,.85)!important;
}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table th{
  background:rgba(0,212,255,.14)!important;
  color:#9fe9ff!important;
}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table tbody tr:nth-child(even){background:rgba(255,255,255,.03)!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table tbody tr:hover{background:rgba(255,43,214,.10)!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td a,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td b,
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td strong{color:#e9f1ff!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-sub{color:#a9b8e6!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-fee-ok{color:#4dff8a!important}
body.pd-v2 :is(#studentPerformanceSection,#teacherPerformanceSection) .sp-table td .sp-fee-due{color:#ff8aa3!important}