:root {
  --brand:#f28c38;--brand2:#fca43c;--ink:#0f172a;--muted:#6b7280;
  --bg:#fafafa;--radius:18px;--shadow:0 8px 24px rgba(0,0,0,.06);
}
body.light { --bg:#fafafa; --ink:#0f172a; --muted:#6b7280; }
body.dark { --bg:#0f172a; --ink:#f3f4f6; --muted:#9ca3af; }
.xb247-account-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:var(--bg);border-bottom:2px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:50;}
.xb247-account-header h1{font-size:1.4rem;font-weight:800;color:var(--ink);}
.theme-toggle{background:linear-gradient(145deg,var(--brand2),var(--brand));color:#fff;padding:.5rem .9rem;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer;box-shadow:var(--shadow);}
.xb247-menu-btn{width:40px;height:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;}
.xb247-menu-btn span{display:block;width:26px;height:3px;background:var(--ink);border-radius:3px;transition:all .3s ease;}
.xb247-menu-btn.active span:nth-child(1){transform:rotate(45deg) translateY(8px);}
.xb247-menu-btn.active span:nth-child(2){opacity:0;}
.xb247-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px);}
#xb247-account-menu{transition:max-height .35s ease, opacity .35s ease;overflow:hidden;max-height:0;opacity:0;display:grid;gap:.75rem;padding:0 1rem;}
#xb247-account-menu.open{max-height:600px;opacity:1;}
#xb247-account-menu a{display:flex;align-items:center;gap:.75rem;background:#fff;color:var(--ink);border-radius:var(--radius);padding:.9rem 1.1rem;font-weight:600;box-shadow:var(--shadow);text-decoration:none;transition:all .2s ease;}
#xb247-account-menu a.active{background:linear-gradient(145deg,var(--brand2),var(--brand));color:#fff;}
#xb247-account-menu a.logout{background:transparent;border:2px solid rgba(255,0,0,.3);color:#ef4444;}
.xb247-account-panel{background:#fff;border-radius:var(--radius);margin:1rem;padding:1.5rem;box-shadow:var(--shadow);min-height:400px;}
@media (min-width:768px){#xb247-account-menu{max-height:none;opacity:1;}.xb247-menu-btn{display:none;}}