:root{--blue:#00aaff;--blue2:#005e9d;--text:#dff6ff;--panel:#050b12}
*{box-sizing:border-box}
body{background:#02060d;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}
a{color:#8fe8ff;text-decoration:none}a:hover{color:white;text-shadow:0 0 8px var(--blue)}
.sp-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at top,rgba(0,170,255,.35),transparent 42%),linear-gradient(90deg,#01040a,#061629,#01040a)}
.sp-header{margin-top:25px;min-height:120px;display:flex;justify-content:space-between;align-items:flex-start}
.sp-logo{display:flex;gap:15px;align-items:center;width:350px;padding:14px 22px;border:2px solid var(--blue);border-radius:8px 35px 8px 35px;background:linear-gradient(135deg,#02070d,#053c66,#02070d);box-shadow:0 0 0 4px #02070d,0 0 28px rgba(0,170,255,.8),inset 0 0 35px rgba(0,170,255,.22);color:white}
.sp-logo-icon{width:78px;height:78px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#06304e,#00aaff);border:3px solid #9beeff;font-size:30px;font-weight:900}
.sp-logo-text b,.sp-logo-text em{display:block;font-size:38px;line-height:.85;font-weight:900;font-style:normal;text-shadow:0 0 12px var(--blue)}.sp-logo-text em{color:#00b8ff}
.sp-search{margin-top:25px;display:flex;border:1px solid #1b75a7;background:#02070d}.sp-search input{background:#05090f;color:#fff;border:0;padding:13px}.sp-search button{width:50px;border:0;color:white;background:#07304c}
.sp-nav{display:flex;gap:20px;align-items:center;min-height:65px;padding:0 25px;margin-bottom:20px;border:2px solid var(--blue);border-radius:8px 32px 8px 32px;background:linear-gradient(#151719,#05080c);box-shadow:0 0 0 4px #02070d,0 0 26px rgba(0,170,255,.65)}
.sp-nav a{color:white;text-transform:uppercase;font-size:13px;font-weight:800}.sp-nav i{color:var(--blue)}
.sp-hero,.sp-panel,.sp-card,.sp-widget{border:1px solid #156895;background:rgba(4,10,17,.94);box-shadow:0 0 0 3px rgba(0,0,0,.7),inset 0 0 28px rgba(0,170,255,.08);margin-bottom:18px}
.sp-hero{text-align:center;padding:45px 25px;border:2px solid var(--blue);border-radius:8px 28px 8px 28px}.sp-hero h1{color:#ff2b2b;font-size:25px;font-weight:900;text-shadow:0 0 12px var(--blue)}
.sp-title,.sp-widget h3{padding:11px 18px;margin:0;color:white;font-size:15px;font-weight:900;text-transform:uppercase;background:linear-gradient(90deg,#9b0000,#4d0000,#01060a);border-bottom:1px solid #1477a8}
.sp-body,.sp-card-body,.sp-widget-body{padding:18px}
.sp-row{display:grid;grid-template-columns:55px 1fr 85px 85px 210px;gap:12px;align-items:center;padding:17px;border-bottom:1px solid rgba(255,255,255,.08)}
.sp-row:last-child{border-bottom:0}.sp-icon{color:#ff2b2b;font-size:30px;text-shadow:0 0 12px var(--blue)}
.sp-stat{text-align:center}.sp-stat small{display:block;color:#93b9c8;text-transform:uppercase}.sp-last{font-size:13px;color:#a8c6d4}
.sp-avatar{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(#effbff,#667986);border:2px solid white;color:#08131c;font-weight:900;object-fit:cover}.sp-avatar.small{width:30px;height:30px}.sp-avatar.mini{width:24px;height:24px;font-size:11px}
.form-control,.form-select{background:#050a10!important;border:1px solid #1675a8!important;color:#fff!important}.table{--bs-table-bg:transparent;--bs-table-color:#dff6ff;--bs-table-border-color:rgba(255,255,255,.09)}
.btn-sp,.sp-btn{display:inline-block;background:linear-gradient(#ff3b3b,#b30000);color:white!important;border:1px solid #ff8a80;padding:10px 22px;font-weight:900;text-transform:uppercase}
.sp-post{display:flex;gap:16px;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.sp-post-user{width:145px;text-align:center}.sp-chat{display:flex;gap:12px;padding:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.sp-footer{padding:25px;margin-top:30px;margin-bottom:30px;border:1px solid #156895;background:#050a10;display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
html[data-theme="christmas"]{--blue:#20e090}html[data-theme="sinterklaas"]{--blue:#ffcf33}html[data-theme="halloween"]{--blue:#ff7a00}
@media(max-width:900px){.sp-header{display:block}.sp-logo{width:100%}.sp-nav{flex-wrap:wrap;padding:15px}.sp-row{grid-template-columns:45px 1fr}.sp-stat,.sp-last{grid-column:2}.sp-footer{grid-template-columns:1fr}}

.sp-hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
.badge-moderated{background:#ffb000;color:#111;padding:3px 7px;border-radius:3px;font-weight:900}



/* V9.7 RED/BLACK COLOR FIX */
:root{
  --blue:#ff2020;
  --blue2:#8b0000;
  --text:#f5f5f5;
  --panel:#070707;
}

body{
  background:#050000;
  color:#f1f1f1;
}

a{color:#ffb3b3}
a:hover{color:#fff;text-shadow:0 0 8px #ff2020}

.sp-bg{
  background:
    radial-gradient(circle at top,rgba(255,0,0,.28),transparent 42%),
    linear-gradient(90deg,#050000,#1a0505,#050000)!important;
}

.sp-logo{
  border-color:#ff2020!important;
  background:linear-gradient(135deg,#080000,#3a0505,#0a0000)!important;
  box-shadow:0 0 0 4px #050000,0 0 28px rgba(255,0,0,.75),inset 0 0 35px rgba(255,0,0,.22)!important;
}

.sp-logo-icon{
  background:linear-gradient(135deg,#4a0000,#ff2020)!important;
  border-color:#ffb3b3!important;
  color:#fff!important;
}

.sp-logo-text b,
.sp-logo-text em{
  color:#fff!important;
  text-shadow:0 0 12px #ff2020!important;
}
.sp-logo-text em{color:#ff3030!important}

.sp-search{
  border-color:#7a1111!important;
  background:#070000!important;
}
.sp-search input{background:#050000!important;color:#fff!important}
.sp-search button{background:#300000!important;color:#fff!important}

.sp-nav{
  border-color:#ff2020!important;
  background:linear-gradient(#150505,#050000)!important;
  box-shadow:0 0 0 4px #050000,0 0 26px rgba(255,0,0,.62)!important;
}
.sp-nav i{color:#ff3030!important}
.sp-nav a{color:#fff!important}

.sp-hero{
  border-color:#ff2020!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.7),0 0 25px rgba(255,0,0,.25),inset 0 0 28px rgba(255,0,0,.08)!important;
}
.sp-hero h1{
  color:#ff3030!important;
  text-shadow:0 0 12px #ff2020!important;
}

.sp-panel,.sp-card,.sp-widget{
  border-color:#7a1111!important;
  background:rgba(7,7,7,.96)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.75),inset 0 0 28px rgba(255,0,0,.05)!important;
}

.sp-title,.sp-widget h3{
  background:linear-gradient(90deg,#b00000,#5c0000,#090000)!important;
  border-bottom-color:#9b1c1c!important;
  color:#fff!important;
}

.sp-icon{
  color:#ff3030!important;
  text-shadow:0 0 12px #ff2020!important;
}

.sp-stat small{color:#e0a0a0!important}
.sp-last{color:#d9b5b5!important}

.sp-avatar{
  background:linear-gradient(#fff,#bbb)!important;
  border-color:#ffb3b3!important;
  color:#220000!important;
}

.form-control,.form-select{
  background:#070000!important;
  border-color:#9b1c1c!important;
  color:#fff!important;
}
.form-control:focus,.form-select:focus{
  border-color:#ff3030!important;
  box-shadow:0 0 0 .25rem rgba(255,0,0,.22)!important;
}

.btn-sp,.sp-btn{
  background:linear-gradient(#ff3030,#990000)!important;
  border-color:#ff8a80!important;
  color:#fff!important;
  box-shadow:0 0 12px rgba(255,0,0,.35)!important;
}

.sp-admin-hero{
  border-color:#ff2020!important;
  background:
    radial-gradient(circle at top right,rgba(255,0,0,.28),transparent 35%),
    linear-gradient(135deg,rgba(7,7,7,.98),rgba(50,0,0,.90),rgba(7,7,7,.98))!important;
  box-shadow:0 0 0 4px #050000,0 0 28px rgba(255,0,0,.65),inset 0 0 45px rgba(255,0,0,.14)!important;
}
.sp-admin-hero h1{color:#ff3030!important;text-shadow:0 0 12px #ff2020!important}
.sp-admin-hero:after{background:linear-gradient(90deg,transparent,#ff2020,transparent)!important;box-shadow:0 0 12px #ff2020!important}

.sp-admin-tile{
  border-color:#9b1c1c!important;
  background:
    linear-gradient(160deg,rgba(150,0,0,.32),rgba(7,7,7,.96)),
    radial-gradient(circle at top right,rgba(255,0,0,.16),transparent 45%)!important;
}
.sp-admin-tile i{color:#ff3030!important;text-shadow:0 0 12px #ff2020!important}
.sp-admin-tile:hover{box-shadow:0 0 0 3px rgba(0,0,0,.65),0 0 24px rgba(255,0,0,.50),inset 0 0 28px rgba(255,0,0,.12)!important}

.sp-admin-menu{
  border-color:#7a1111!important;
  background:rgba(7,7,7,.96)!important;
}
.sp-admin-menu-title{
  background:linear-gradient(90deg,#b00000,#5c0000,#090000)!important;
  border-bottom-color:#9b1c1c!important;
}
.sp-admin-menu a i{color:#ff3030!important}
.sp-admin-menu a:hover{background:rgba(255,0,0,.14)!important}

.sp-forum-return{
  background:linear-gradient(#ff3030,#990000)!important;
  border-color:#ff8a80!important;
}

.sp-footer{
  border-color:#7a1111!important;
  background:#070000!important;
}

/* remove remaining blue-ish borders/glow */
[class*="sp-"]{
  scrollbar-color:#ff3030 #070000;
}



/* V9.8 PROFESSIONAL RED/BLACK THEME */
:root{
  --blue:#d71920;
  --blue2:#7a0b0f;
  --text:#e8e8e8;
  --muted:#a9a9a9;
  --panel:#0d0d0f;
  --panel2:#141416;
  --border:#3a1214;
  --border-strong:#9d151b;
  --soft-red:rgba(215,25,32,.16);
}

body{
  background:#090909!important;
  color:var(--text)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:.1px;
}

a{
  color:#f15a5f!important;
  transition:.15s ease;
}
a:hover{
  color:#fff!important;
  text-shadow:none!important;
}

.sp-bg{
  background:
    radial-gradient(circle at 50% -20%,rgba(180,0,8,.18),transparent 38%),
    linear-gradient(180deg,#101010 0%,#080808 42%,#050505 100%)!important;
}

/* Header/logo professioneel compact */
.sp-header{
  min-height:96px!important;
  margin-top:22px!important;
  align-items:center!important;
}

.sp-logo{
  width:310px!important;
  min-height:78px!important;
  padding:12px 18px!important;
  border:1px solid var(--border-strong)!important;
  border-radius:14px!important;
  background:
    linear-gradient(145deg,#151515,#0b0b0c 55%,#190607)!important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.sp-logo-icon{
  width:58px!important;
  height:58px!important;
  border-radius:12px!important;
  border:1px solid #e64045!important;
  background:linear-gradient(145deg,#c71920,#65070a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-size:24px!important;
}

.sp-logo-text b,
.sp-logo-text em{
  font-size:31px!important;
  line-height:.9!important;
  text-shadow:none!important;
  letter-spacing:-.8px!important;
}

.sp-logo-text b{color:#fff!important}
.sp-logo-text em{color:#e42b31!important}

/* Search */
.sp-search{
  margin-top:0!important;
  border:1px solid #3b1517!important;
  background:#0d0d0f!important;
  border-radius:8px!important;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}

.sp-search input{
  background:#0d0d0f!important;
  color:#eaeaea!important;
  padding:12px 14px!important;
}

.sp-search button{
  background:#1d1d20!important;
  border-left:1px solid #2d2d30!important;
}
.sp-search button:hover{background:#9d151b!important}

/* Navigation */
.sp-nav{
  min-height:58px!important;
  padding:0 22px!important;
  gap:18px!important;
  border:1px solid var(--border-strong)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,#171719,#0c0c0e)!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.sp-nav a{
  color:#f0f0f0!important;
  font-size:12px!important;
  letter-spacing:.35px;
  padding:8px 2px;
}
.sp-nav i{color:#d71920!important}
.sp-nav a:hover{
  color:#fff!important;
}

/* Hero */
.sp-hero{
  padding:38px 25px!important;
  border:1px solid var(--border-strong)!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(18,18,20,.97),rgba(9,9,10,.98))!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.sp-hero h1{
  color:#fff!important;
  font-size:24px!important;
  text-shadow:none!important;
  letter-spacing:.6px;
}
.sp-hero h1::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  background:#d71920;
  margin:14px auto 0;
  border-radius:3px;
}
.sp-hero p{color:#bcbcbc!important}

/* Panels */
.sp-panel,.sp-card,.sp-widget{
  border:1px solid #2b2b2e!important;
  border-radius:10px!important;
  background:
    linear-gradient(180deg,rgba(18,18,20,.98),rgba(10,10,11,.98))!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden;
}

.sp-title,.sp-widget h3{
  padding:13px 17px!important;
  background:
    linear-gradient(90deg,#b11218,#6f090d 65%,#151515)!important;
  border-bottom:1px solid #2b2b2e!important;
  color:#fff!important;
  font-size:14px!important;
  letter-spacing:.35px;
  text-shadow:none!important;
}

.sp-row{
  padding:18px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:transparent!important;
}
.sp-row:hover{
  background:rgba(255,255,255,.025)!important;
}

.sp-icon{
  color:#d71920!important;
  text-shadow:none!important;
  font-size:27px!important;
}

.sp-stat small{
  color:#969696!important;
  font-size:10px!important;
}
.sp-stat{
  color:#f2f2f2!important;
}

.sp-last{
  color:#b5b5b5!important;
}

.sp-widget-body,.sp-body,.sp-card-body{
  color:#d8d8d8!important;
}

/* Buttons/forms */
.btn-sp,.sp-btn{
  background:linear-gradient(180deg,#d71920,#8d0d12)!important;
  border:1px solid #e33a40!important;
  border-radius:7px!important;
  color:white!important;
  box-shadow:none!important;
  padding:10px 18px!important;
}
.btn-sp:hover,.sp-btn:hover{
  background:linear-gradient(180deg,#ef2c33,#a50f15)!important;
}

.form-control,.form-select{
  background:#101012!important;
  border:1px solid #38383c!important;
  color:#f2f2f2!important;
  border-radius:7px!important;
}
.form-control:focus,.form-select:focus{
  border-color:#d71920!important;
  box-shadow:0 0 0 .18rem rgba(215,25,32,.18)!important;
}

/* Avatars */
.sp-avatar{
  background:linear-gradient(180deg,#f8f8f8,#b9b9b9)!important;
  border:1px solid #fff!important;
  color:#111!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
}

/* Admin */
.sp-admin-hero{
  border:1px solid var(--border-strong)!important;
  border-radius:14px!important;
  background:
    linear-gradient(145deg,rgba(20,20,22,.98),rgba(70,6,9,.42),rgba(12,12,13,.98))!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.sp-admin-hero h1{
  color:#fff!important;
  text-shadow:none!important;
}
.sp-admin-hero:after{
  background:linear-gradient(90deg,transparent,#d71920,transparent)!important;
  opacity:.7;
  box-shadow:none!important;
}

.sp-admin-tile{
  border:1px solid #2e2e31!important;
  border-radius:10px!important;
  background:
    linear-gradient(180deg,#171719,#0d0d0f)!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.sp-admin-tile:hover{
  border-color:#d71920!important;
  box-shadow:0 14px 30px rgba(0,0,0,.34)!important;
}
.sp-admin-tile i{
  color:#d71920!important;
  text-shadow:none!important;
}

.sp-admin-menu{
  border:1px solid #2e2e31!important;
  border-radius:10px!important;
  background:#111113!important;
  overflow:hidden;
}
.sp-admin-menu-title{
  background:linear-gradient(90deg,#b11218,#6f090d,#151515)!important;
  border-bottom:1px solid #2e2e31!important;
}
.sp-admin-menu a{
  color:#e7e7e7!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.sp-admin-menu a i{color:#d71920!important}
.sp-admin-menu a:hover{
  background:rgba(215,25,32,.10)!important;
}

/* Footer */
.sp-footer{
  border:1px solid #2b2b2e!important;
  border-top:3px solid #9d151b!important;
  border-radius:10px!important;
  background:#0d0d0f!important;
  box-shadow:0 10px 26px rgba(0,0,0,.25)!important;
}

/* Theme label */
.sp-footer div:last-child{
  color:#bdbdbd!important;
}



/* V9.9 MENU SAME COLOR AS MAIN CATEGORY */
.sp-nav{
  background:
    linear-gradient(90deg,#b11218,#6f090d 65%,#151515)!important;
  border:1px solid #8f1015!important;
}

.sp-nav a{
  color:#ffffff!important;
  font-weight:700!important;
}

.sp-nav a:hover{
  color:#ffd7d7!important;
}

.sp-nav i{
  color:#ffb3b3!important;
}

.sp-nav .flex-grow-1{
  background:none!important;
}


/* V10 ADMIN TICKET ALERT */
.admin-ticket-alert-nav{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}

.ticket-badge-mini{
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  background:#ff3030;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  box-shadow:0 0 10px rgba(255,0,0,.45);
  animation:ticketPulse 1.4s infinite;
}

.ticket-badge-large{
  position:absolute;
  right:14px;
  top:14px;
  min-width:34px;
  height:34px;
  border-radius:50%;
  background:#ff3030;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  box-shadow:0 0 14px rgba(255,0,0,.5);
  animation:ticketPulse 1.4s infinite;
}

.admin-ticket-tile{
  position:relative;
}

.ticket-admin-warning{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid #d71920;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(215,25,32,.22),rgba(15,15,16,.95));
  box-shadow:0 10px 26px rgba(0,0,0,.25);
}

.ticket-admin-warning b{
  color:#fff;
  font-size:18px;
}

.ticket-admin-warning span{
  color:#ffb3b3;
}

.ticket-unread-row{
  background:rgba(215,25,32,.12)!important;
  border-left:4px solid #ff3030;
}

.ticket-new-label{
  display:inline-block;
  background:#ff3030;
  color:#fff;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}

.ticket-read-label{
  display:inline-block;
  background:#2d2d30;
  color:#cfcfcf;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

@keyframes ticketPulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.08);}
  100%{transform:scale(1);}
}


/* V10.1 ADMIN CHAT ALERT */
.chat-admin-warning{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid #d71920;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(215,25,32,.22),rgba(15,15,16,.95));
}


/* V10.2 ADMIN TICKET REPLIES */
.ticket-message{
  margin:12px 0;
  padding:14px 16px;
  border-radius:10px;
  border:1px solid #2b2b2e;
  background:#101012;
}

.ticket-user-msg{
  border-left:4px solid #d71920;
}

.ticket-admin-msg{
  border-left:4px solid #ffb3b3;
  background:linear-gradient(90deg,rgba(215,25,32,.12),#101012);
}

.ticket-message small{
  color:#aaa;
}


/* V10.4 MEMBER ADMIN */
.admin-note-box{
  border-left:4px solid #d71920;
  background:#101012;
  padding:12px;
  margin-bottom:10px;
  border-radius:8px;
}

.sp-code{background:#090909;border:1px solid #8f1015;color:#f5f5f5;padding:14px;border-radius:8px;overflow:auto;display:block;}