/* r.pexnext.net unified calm dark design layer - 2026-04-29 */
:root {
  color-scheme: dark;
  --rb-bg:#050711;
  --rb-bg2:#0b1020;
  --rb-surface:rgba(15,23,42,.72);
  --rb-surface2:rgba(255,255,255,.062);
  --rb-text:#f4f8ff;
  --rb-muted:#b7c3dc;
  --rb-border:rgba(162,179,220,.15);
  --rb-border-strong:rgba(145,165,190,.28);
  --rb-accent:#6f849d;
  --rb-accent2:#4f8790;
  --rb-green:#34d399;
  --rb-red:#fb7185;
  --rb-yellow:#fbbf24;
  --rb-shadow:0 24px 70px rgba(0,0,0,.28);
}
* { box-sizing:border-box; }
html { background:var(--rb-bg); }
body {
  min-height:100vh;
  color:var(--rb-text) !important;
  background:
    radial-gradient(circle at 12% -8%, rgba(84,70,130,.22), transparent 34rem),
    radial-gradient(circle at 88% 5%, rgba(45,120,135,.13), transparent 30rem),
    radial-gradient(circle at 52% 118%, rgba(45,120,108,.09), transparent 42rem),
    linear-gradient(140deg,var(--rb-bg) 0%,var(--rb-bg2) 48%,#080b18 100%) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe 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,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.56), transparent 76%);
}
body::after {
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.22;
  background:linear-gradient(115deg, transparent 0 28%, rgba(255,255,255,.035) 29%, transparent 30% 100%), radial-gradient(circle at 50% 0%, rgba(96,116,150,.08), transparent 35rem);
  mix-blend-mode:screen;
}
body > * { position:relative; z-index:1; }
.site-header, .wrap, main, .shell, .container { position:relative; z-index:1; }
.site-header { width:min(1700px,100%) !important; margin:0 auto 20px !important; }
.site-header-card {
  background:rgba(5,7,17,.58) !important;
  border:1px solid var(--rb-border) !important;
  border-radius:24px !important;
  padding:12px 16px !important;
  backdrop-filter:blur(22px) saturate(1.12) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.24) !important;
}
.wrap, main.wrap, .shell, .container { width:min(1700px,100%) !important; margin-left:auto !important; margin-right:auto !important; }
.card, .panel, section.card, .box, .section, .login-card, .admin-card, .content-card, .hero-card, .tile, .stat-card {
  background:linear-gradient(180deg, rgba(255,255,255,.086), rgba(255,255,255,.048)) !important;
  border:1px solid var(--rb-border) !important;
  border-radius:28px !important;
  box-shadow:var(--rb-shadow) !important;
  backdrop-filter:blur(20px) saturate(1.14) !important;
}
.card, .panel, section.card { padding:26px !important; }
.card::before, .panel::before, .hero-card::before, .content-card::before {
  background:linear-gradient(135deg, rgba(120,132,170,.10), transparent 38%, rgba(45,120,135,.055)) !important;
}
h1, h2, h3 { color:var(--rb-text) !important; letter-spacing:-.03em; }
h1 { font-size:clamp(36px,5.8vw,74px) !important; line-height:.96 !important; }
h2 { font-size:clamp(24px,3vw,36px) !important; }
p, .small, .muted, .hint, .subtitle, .desc, .text-muted, .lead { color:var(--rb-muted) !important; }
a { color:#d6e4f5; }
a:hover { color:#ffffff; }
button, .button, a.button, input[type="button"], input[type="submit"], .btn, .site-header-btn {
  border-radius:15px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.074) !important;
  color:var(--rb-text) !important;
  font-weight:850 !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .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:var(--rb-border-strong) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.18) !important;
}
button.active, .button.active, .btn.active, .selected, .active:not(.site-header-card) {
  background:linear-gradient(135deg,#4f5f87,#526b86 52%,#4f8790) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
}
input, select, textarea {
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(3,7,18,.44) !important;
  color:var(--rb-text) !important;
  outline:none !important;
}
input::placeholder, textarea::placeholder { color:#9aa8c5 !important; }
input:focus, select:focus, textarea:focus {
  border-color:rgba(120,150,170,.62) !important;
  box-shadow:0 0 0 4px rgba(80,110,130,.14) !important;
}
label, th, .label {
  color:var(--rb-muted) !important;
  font-weight:900 !important;
}
table { border-collapse:separate !important; border-spacing:0 8px !important; }
th { color:var(--rb-muted) !important; 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(--rb-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(145,165,190,.24) !important; }
.grid, .cards, .actions, .stats, .summary, .summary-grid { gap:16px !important; }
.notice, .alert, .status, .badge, .pill, .eyebrow {
  border-radius:999px !important;
  border:1px solid rgba(145,160,190,.22) !important;
  background:rgba(80,96,130,.16) !important;
  color:#dbeafe !important;
}
.good, .positive { color:var(--rb-green) !important; }
.bad, .negative, .error { color:var(--rb-red) !important; }
.item-icon, img.icon, .resource-chip-icon { border-radius:10px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.08); padding:3px; }
.resource-chip, .chip {
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
}
.resource-chip:hover, .chip:hover { border-color:rgba(145,165,190,.28) !important; background:rgba(255,255,255,.1) !important; }
.resource-chip.selected, .chip.selected { background:linear-gradient(135deg,rgba(80,96,130,.92),rgba(70,128,136,.76)) !important; }
::-webkit-scrollbar { height:10px; width:10px; }
::-webkit-scrollbar-thumb { background:rgba(120,145,165,.28); border-radius:999px; }
::-webkit-scrollbar-track { background:rgba(255,255,255,.035); }
@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; }
}