/* Bitcoboost /app theme */
:root{
  --bg-main:#050814;
  --bg-card:#0b101f;
  --bg-card-soft:#0f1629;
  --accent:#f6c453;
  --text-main:#f5f7ff;
  --text-soft:#9ba4c4;
  --border-soft:rgba(255,255,255,0.08);
}

body{
  margin:0 !important;
  max-width:none !important;
  padding:0 !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background: radial-gradient(circle at top left,#101632 0,var(--bg-main) 40%,#02040a 100%);
  color:var(--text-main);
}

h1{
  max-width:1100px;
  margin:22px auto 12px;
  padding:0 20px;
  font-size:24px;
  letter-spacing:.04em;
}

#box{
  max-width:1100px;
  margin:0 auto 40px;
  padding:18px 18px 20px;
  border-radius:18px;
  border:1px solid var(--border-soft);
  background: linear-gradient(135deg, rgba(255,255,255,0.02), transparent);
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}

#msg{ color:#ffb4b4 !important; }

hr{ border:none !important; border-top:1px solid var(--border-soft) !important; }

input{
  background: var(--bg-card-soft) !important;
  color: var(--text-main) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 12px !important;
  outline: none !important;
}

button{
  background: var(--accent) !important;
  color:#201000 !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  border-radius:12px !important;
  font-weight:800 !important;
}

button:hover{ filter: brightness(1.03); }

button[disabled]{ opacity:.45 !important; cursor:not-allowed !important; }

#btnLogin,#btnLogout,#btnForgot,#btnResetCancel,#btnLoadNotifs,#btnResolve{
  background: rgba(255,255,255,0.06) !important;
  color: var(--text-main) !important;
  font-weight:700 !important;
}

#notifList div{
  border:1px solid var(--border-soft) !important;
  background: rgba(255,255,255,0.02) !important;
}
/* BB_APP_SIDEBAR */
#appShell{
  max-width:1100px;
  margin:0 auto 40px;
  padding:0 20px 40px;
  display:flex;
  gap:16px;
}
#side{
  flex:0 0 260px;
  width:260px;
  align-self:flex-start;
  position:sticky;
  top:92px;
}
#main{ flex:1; min-width:0; }
@media (max-width: 900px){
  #appShell{ flex-direction:column; }
  #side{ position:relative; top:auto; width:auto; }
}
.sideCard{
  border:1px solid var(--border-soft);
  border-radius:18px;
  background: linear-gradient(135deg, rgba(255,255,255,0.02), transparent);
  padding:14px;
  margin-bottom:12px;
}
.sideTitle{ font-size:12px; color:var(--text-soft); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
.sideLine{ font-size:13px; color:var(--text-main); margin:6px 0; word-break:break-all; }
.sideNote{ font-size:12px; color:var(--text-soft); opacity:.9; margin-top:8px; }
.sideBtn{
  width:100%;
  text-align:left;
  margin:6px 0;
  padding:10px 12px;
  background: rgba(255,255,255,0.06) !important;
  color: var(--text-main) !important;
  font-weight:800 !important;
}
.sideBtn.active{
  background: rgba(246,196,83,0.16) !important;
  border-color: rgba(246,196,83,0.45) !important;
}