/* test.pexnext.net bulk redesign layer - 2026-04-26 */
:root {
  color-scheme: dark;
  --bg:#060b16;
  --bg2:#0f172a;
  --surface:rgba(15,23,42,.72);
  --surface2:rgba(255,255,255,.065);
  --text:#eef6ff;
  --muted:#a6b5d3;
  --border:rgba(255,255,255,.12);
  --blue:#60a5fa;
  --cyan:#22d3ee;
  --green:#34d399;
  --red:#f87171;
  --yellow:#fbbf24;
}
* { box-sizing:border-box; }
html { background:var(--bg); }
body {
  min-height:100vh;
  color:var(--text) !important;
  background:
    radial-gradient(circle at 16% 8%, rgba(96,165,250,.22), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(34,211,238,.15), transparent 25%),
    radial-gradient(circle at 50% 100%, rgba(52,211,153,.13), transparent 31%),
    linear-gradient(135deg,var(--bg),var(--bg2)) !important;
  font-family:Inter,system-ui,Arial,sans-serif !important;
}
body::before {
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 78%);
}
body > * { position:relative; z-index:1; }
.site-header, .wrap, main, .shell, .container { position:relative; z-index:1; }
.site-header { width:min(1560px,100%) !important; margin:0 auto 20px !important; }
.site-header-card {
  background:rgba(15,23,42,.66) !important;
  border:1px solid var(--border) !important;
  border-radius:22px !important;
  padding:14px 18px !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.22) !important;
}
.wrap, main.wrap, .shell, .container { width:min(1560px,100%) !important; margin-left:auto !important; margin-right:auto !important; }
.card, .panel, section.card, .box, .section, .login-card, .admin-card, .content-card, .hero-card {
  background:linear-gradient(180deg, rgba(255,255,255,.088), rgba(255,255,255,.052)) !important;
  border:1px solid var(--border) !important;
  border-radius:28px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(18px) !important;
}
.card, .panel, section.card { padding:26px !important; }
h1, h2, h3 { color:var(--text) !important; letter-spacing:-.025em; }
h1 { font-size:clamp(34px,5.2vw,68px) !important; line-height:.98 !important; }
h2 { font-size:clamp(24px,3vw,34px) !important; }
p, .small, .muted, .hint, .subtitle, .desc, .text-muted { color:var(--muted) !important; }
a { color:#bfdbfe; }
a:hover { color:#dbeafe; }
button, .button, a.button, input[type="button"], input[type="submit"], .btn, .site-header-btn {
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.075) !important;
  color:var(--text) !important;
  font-weight:850 !important;
  text-decoration:none !important;
  box-shadow:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
button:hover, .button:hover, a.button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .site-header-btn:hover {
  transform:translateY(-1px);
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(96,165,250,.36) !important;
}
input, select, textarea {
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(3,7,18,.38) !important;
  color:var(--text) !important;
  outline:none !important;
}
input:focus, select:focus, textarea:focus {
  border-color:rgba(96,165,250,.55) !important;
  box-shadow:0 0 0 3px rgba(96,165,250,.12) !important;
}
label, th, .label {
  color:var(--muted) !important;
  font-weight:900 !important;
}
table { border-collapse:separate !important; border-spacing:0 8px !important; }
th { font-size:12px !important; text-transform:uppercase; letter-spacing:.08em; padding:8px 12px !important; border-bottom:none !important; }
td {
  background:rgba(15,23,42,.52) !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  color:var(--text);
}
td:first-child { border-left:1px solid rgba(255,255,255,.075) !important; border-radius:16px 0 0 16px; }
td:last-child { border-right:1px solid rgba(255,255,255,.075) !important; border-radius:0 16px 16px 0; }
tr:hover td { background:rgba(30,41,59,.72) !important; border-color:rgba(96,165,250,.22) !important; }
.grid, .cards, .actions, .stats, .summary, .summary-grid { gap:16px !important; }
.notice, .alert, .status, .badge, .pill {
  border-radius:999px !important;
  border:1px solid rgba(96,165,250,.24) !important;
  background:rgba(96,165,250,.12) !important;
  color:#dbeafe !important;
}
.good, .positive { color:var(--green) !important; }
.bad, .negative, .error { color:var(--red) !important; }
.item-icon, img.icon { border-radius:10px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.08); padding:3px; }
@media (max-width: 760px) {
  body { padding:14px !important; }
  .card, .panel, section.card { padding:18px !important; border-radius:24px !important; }
  table.responsive, table.main-table { border-spacing:0 !important; }
}