*{box-sizing:border-box}
.error{color:#ff6b8a;margin:0 0 1rem}
body{margin:0;background:#050505;color:white;font-family:Arial,Helvetica,sans-serif;text-align:center;overflow-x:hidden}


body::before{
content:"";
position:fixed;
inset:0;
z-index:-4;
pointer-events:none;
background:
radial-gradient(circle at 50% 20%, rgba(185,90,255,.48) 0%, rgba(95,0,150,.25) 18%, transparent 34%),
radial-gradient(circle at 50% 20%, #020202 0%, #020202 11%, transparent 12%),
linear-gradient(180deg,#020202,#080011 45%,#020202);
animation:eclipsePulse 6s ease-in-out infinite;
}

body::after{
content:"";
position:fixed;
inset:0;
z-index:-3;
pointer-events:none;
background-image:
radial-gradient(circle,rgba(210,170,255,.65) 1px,transparent 1px),
radial-gradient(circle,rgba(140,70,255,.38) 1px,transparent 1px);
background-size:80px 80px,140px 140px;
opacity:.42;
animation:voidParticles 38s linear infinite;
}

.wrap::before{
content:"";
position:fixed;
top:20%;
left:50%;
width:520px;
height:520px;
transform:translate(-50%,-50%);
z-index:-2;
pointer-events:none;
border-radius:50%;
background:
radial-gradient(circle, transparent 35%, rgba(180,80,255,.45) 38%, transparent 58%);
filter:blur(5px);
animation:eclipseRing 12s linear infinite;
}

.wrap::after{
content:"";
position:fixed;
top:20%;
left:50%;
width:720px;
height:720px;
transform:translate(-50%,-50%);
z-index:-1;
pointer-events:none;
border-radius:50%;
background:
conic-gradient(from 0deg, transparent, rgba(180,80,255,.35), transparent, rgba(90,180,255,.18), transparent);
filter:blur(12px);
opacity:.7;
animation:eclipseRing 24s linear infinite reverse;
}

@keyframes eclipsePulse{
0%,100%{filter:brightness(.85);}
50%{filter:brightness(1.25);}
}

@keyframes voidParticles{
0%{background-position:0 0,0 0;}
100%{background-position:0 -900px,0 -1400px;}
}

@keyframes eclipseRing{
0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.08);}
100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);}
}

.logo{
animation:logoPulse 4s ease-in-out infinite;
}
@keyframes voidFog{
0%{transform:translate(-3%,-2%) scale(1);}
100%{transform:translate(3%,2%) scale(1.08);}
}
@keyframes starsDrift{
0%{background-position:0 0,0 0;}
100%{background-position:0 -900px,0 -1400px;}
}
@keyframes logoPulse{
0%,100%{filter:drop-shadow(0 0 18px rgba(132,61,255,.55));transform:scale(1);}
50%{filter:drop-shadow(0 0 38px rgba(170,90,255,.95));transform:scale(1.025);}
}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle,#26113a,#050505 70%)}
.logo{max-width:420px;width:90%;filter:drop-shadow(0 0 25px rgba(132,61,255,.7));margin-bottom:20px}
form,.card{background:#111;padding:25px;border-radius:15px;max-width:1200px;width:100%;border:1px solid #333;margin:12px}
label.field-label{display:block;text-align:left;margin:12px 0 4px;color:#d7b6ff;font-weight:600;font-size:.9rem}
.field-hint{display:block;text-align:left;color:#888;font-size:.8rem;margin:-2px 0 6px}
input,textarea{width:100%;padding:14px;margin:6px 0 10px;border-radius:8px;border:1px solid #333;background:#0a0a0f;color:#fff}
input:focus,textarea:focus{outline:none;border-color:rgba(180,80,255,.65);box-shadow:0 0 0 2px rgba(109,40,217,.25)}
textarea{min-height:140px}
button,.btn{display:inline-block;margin:8px;padding:12px 20px;border-radius:10px;background:#6d28d9;color:white;text-decoration:none;border:1px solid #8b5cf6;font-weight:700;cursor:pointer}
button:hover,.btn:hover{background:#7c3aed}
.btn-secondary,a.btn.btn-secondary{background:#1a1028;border:1px solid rgba(180,80,255,.4);font-weight:600}
.btn-secondary:hover,a.btn.btn-secondary:hover{background:#2a1840}
.btn-quiet,a.btn.btn-quiet{background:#222;border:1px solid #333;font-weight:500}
.btn-quiet:hover,a.btn.btn-quiet:hover{background:#333}
p{color:#ccc;line-height:1.6}
.badge{font-size:2rem;color:#b88cff;margin:20px}
.rank{font-size:1.2rem;color:#d7b6ff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;max-width:1000px;width:100%}
.member{background:#111;border:1px solid #333;border-radius:12px;padding:15px;color:#d7b6ff}
table{width:100%;border-collapse:collapse;color:#ddd;font-size:.9rem}
td,th{border-bottom:1px solid #333;padding:10px;text-align:left}
th{color:#b88cff}
.stat{background:#111;border:1px solid #333;border-radius:12px;padding:18px}
.announce{border-left:4px solid #b88cff;text-align:left}
@media(max-width:768px){table{font-size:.75rem}.card{overflow-x:auto}.badge{font-size:1.5rem}}



.wrap::after{
content:"";
position:fixed;
top:38%;
left:50%;
width:1200px;
height:1200px;
transform:translate(-50%,-50%);
z-index:-1;
pointer-events:none;
background:
radial-gradient(circle, rgba(180,80,255,.38) 0%, rgba(100,30,180,.22) 18%, transparent 42%),
conic-gradient(from 0deg, transparent 0deg, rgba(190,90,255,.55) 18deg, transparent 35deg, transparent 80deg, rgba(80,180,255,.35) 100deg, transparent 125deg, transparent 180deg, rgba(180,80,255,.45) 205deg, transparent 230deg, transparent 300deg, rgba(255,255,255,.25) 318deg, transparent 340deg);
filter:blur(10px);
opacity:.95;
animation:voidRiftSpin 18s linear infinite, voidRiftPulse 5s ease-in-out infinite;
}

@keyframes voidRiftSpin{
0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);}
100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);}
}

@keyframes voidRiftPulse{
0%,100%{opacity:.65;filter:blur(8px);}
50%{opacity:1;filter:blur(2px);}
}


/* SAFE_IM_CHAT_STYLE */
.chat-box{
max-width:900px;
height:65vh;
overflow-y:auto;
margin:20px auto;
padding:18px;
background:#08040d;
border:1px solid rgba(180,80,255,.35);
border-radius:16px;
}

.chat-row{
display:flex;
margin:12px 0;
}

.chat-row.mine{
justify-content:flex-end;
}

.chat-row.theirs{
justify-content:flex-start;
}

.chat-bubble{
max-width:72%;
padding:12px 15px;
border-radius:16px;
line-height:1.45;
text-align:left;
}

.chat-row.mine .chat-bubble{
background:#6d2cff;
color:white;
border-bottom-right-radius:4px;
box-shadow:0 0 18px rgba(140,70,255,.45);
}

.chat-row.theirs .chat-bubble{
background:#161020;
color:#eee;
border:1px solid rgba(180,80,255,.25);
border-bottom-left-radius:4px;
}

.chat-meta{
font-size:.72rem;
opacity:.65;
margin-top:6px;
}

.chat-compose{
max-width:900px;
margin:12px auto;
display:flex;
gap:10px;
background:#111;
padding:12px;
border-radius:14px;
border:1px solid rgba(180,80,255,.25);
}

.chat-compose textarea{
flex:1;
min-height:52px;
resize:none;
}

.chat-compose button{
min-width:90px;
}

@media(max-width:700px){
.chat-bubble{
max-width:88%;
}
.chat-compose{
flex-direction:column;
}
}


/* GLOBAL_VOID_SIDEBAR_FINAL */
.side-nav{
position:fixed!important;
top:0!important;
left:0!important;
width:170px!important;
height:100vh!important;
overflow-y:auto!important;
background:rgba(5,0,12,.96)!important;
border-right:1px solid rgba(180,80,255,.35)!important;
padding:10px 8px!important;
z-index:9999!important;
}

.side-nav h3{
color:#d7b6ff;
font-size:.8rem;
letter-spacing:1px;
}

.side-nav a{
display:block;
color:white;
text-decoration:none;
background:#171020;
border:1px solid rgba(180,80,255,.25);
border-radius:9px;
padding:9px;
margin:6px 0;
font-size:.76rem;
}

.wrap{
margin-left:170px!important;
width:calc(100% - 170px)!important;
padding-left:14px!important;
padding-right:14px!important;
}


/* FLOATING_MESSAGE_WIDGET */
.floating-chat{
position:fixed;
right:18px;
bottom:18px;
z-index:12000;
background:#6d2cff;
color:white;
padding:14px 18px;
border-radius:999px;
text-decoration:none;
font-weight:bold;
box-shadow:0 0 25px rgba(180,80,255,.75);
border:1px solid rgba(255,255,255,.2);
}

.floating-chat:hover{
background:#8f55ff;
box-shadow:0 0 38px rgba(180,80,255,1);
}

@media(max-width:900px){
.floating-chat{
right:12px;
bottom:12px;
font-size:.85rem;
padding:12px 14px;
}
}


/* RELEASE_EMBED */
.release-badge{
display:inline-block;
padding:6px 14px;
background:rgba(109,44,255,.25);
border:1px solid rgba(180,80,255,.45);
border-radius:20px;
color:#e0c8ff;
font-size:.85rem;
letter-spacing:2px;
margin:8px 0 16px;
}

/* ZXRA_VIDEO_VAULT */
.video-vault iframe{
width:100%;
max-width:1000px;
height:520px;
border-radius:16px;
box-shadow:0 0 30px rgba(180,80,255,.45);
border:1px solid rgba(180,80,255,.35);
}

@media(max-width:700px){
.video-vault iframe{
height:260px;
}
}

/* MOBILE_LAYOUT */
.menu-toggle{
display:none;
position:fixed;
top:12px;
left:12px;
z-index:10001;
background:#6d2cff;
color:white;
border:0;
border-radius:10px;
padding:10px 14px;
font-weight:bold;
cursor:pointer;
box-shadow:0 0 18px rgba(140,60,255,.5);
}

@media (max-width: 768px){
.menu-toggle{display:block;}
.side-nav{
transform:translateX(-110%);
transition:transform .25s ease;
width:min(78vw,260px)!important;
box-shadow:4px 0 24px rgba(0,0,0,.45);
}
body.menu-open .side-nav{transform:translateX(0);}
.wrap{
margin-left:0!important;
width:100%!important;
max-width:100%!important;
padding:70px 12px 120px!important;
}
form,.card{
max-width:100%!important;
padding:18px 14px!important;
}
.side-nav a{
padding:12px 10px!important;
font-size:.88rem!important;
}
.grid{grid-template-columns:1fr!important}
.logo{max-width:min(92vw,420px)!important}
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce){
.side-nav{transition:none;}
body::before,body::after,.wrap::before,.wrap::after,.logo{animation:none!important;}
}

@media (prefers-reduced-motion: reduce){
body::before,body::after,.wrap::before,.wrap::after,.logo{animation:none!important;}
}


/* URL_SAFETY_ADMIN */
.url-safety-card{
text-align:left;
margin:14px auto 18px;
max-width:900px;
}
.url-safety-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.url-safety-head h2{
margin:0;
font-size:1.05rem;
}
.url-safety-pill{
font-size:.72rem;
font-weight:800;
padding:5px 10px;
border-radius:999px;
letter-spacing:.3px;
}
.url-safety-pill-google_active{
background:rgba(34,197,94,.15);
color:#86efac;
border:1px solid rgba(34,197,94,.35);
}
.url-safety-pill-heuristics_only{
background:rgba(250,204,21,.12);
color:#fde68a;
border:1px solid rgba(250,204,21,.35);
}
.url-safety-pill-api_error{
background:rgba(248,113,113,.12);
color:#fecaca;
border:1px solid rgba(248,113,113,.35);
}
.url-safety-google_active{
border-color:rgba(34,197,94,.35)!important;
box-shadow:0 0 20px rgba(34,197,94,.12);
}
.url-safety-heuristics_only{
border-color:rgba(250,204,21,.3)!important;
}
.url-safety-api_error{
border-color:rgba(248,113,113,.35)!important;
}
.url-safety-detail{
margin:10px 0 8px;
color:#c9b4df;
font-size:.86rem;
}
.url-safety-list{
margin:0;
padding-left:18px;
color:#ddd;
font-size:.82rem;
line-height:1.55;
}

/* ALERTS */
.vw-alert{
max-width:900px;
margin:12px auto;
padding:12px 14px;
border-radius:12px;
font-size:.9rem;
text-align:left;
}
.vw-alert-error{
background:#2a0b14;
border:1px solid rgba(255,80,120,.45);
color:#ffd0dc;
}

/* MAIL_MESSAGES_LAYOUT */
.mail-page-wrap{
padding-top:8px!important;
padding-bottom:24px!important;
}

.mail-page-wrap .logo{
display:none;
}

.mail-app{
display:flex;
gap:0;
max-width:1200px;
margin:0 auto;
min-height:calc(100vh - 48px);
background:#08040d;
border:1px solid rgba(180,80,255,.35);
border-radius:18px;
overflow:hidden;
box-shadow:0 0 35px rgba(100,40,200,.25);
}

.mail-sidebar{
width:320px;
flex-shrink:0;
display:flex;
flex-direction:column;
background:#0b0013;
border-right:1px solid rgba(180,80,255,.22);
min-height:0;
}

.mail-sidebar-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
padding:16px 14px 10px;
border-bottom:1px solid rgba(180,80,255,.15);
}

.mail-title{
margin:0;
font-size:1.15rem;
color:#f0e6ff;
letter-spacing:.5px;
}

.mail-sub{
margin:4px 0 0;
font-size:.72rem;
color:#9f86b8;
}

.mail-unread-pill{
background:#6d2cff;
color:#fff;
font-size:.68rem;
font-weight:700;
padding:5px 9px;
border-radius:999px;
white-space:nowrap;
}

.mail-compose-picker{
margin:8px 10px 0;
border:1px solid rgba(180,80,255,.22);
border-radius:10px;
background:#12001f;
}

.mail-compose-picker summary{
cursor:pointer;
padding:10px 12px;
font-size:.82rem;
font-weight:700;
color:#d7b6ff;
list-style:none;
}

.mail-compose-picker summary::-webkit-details-marker{display:none;}

.mail-compose-list{
padding:0 8px 8px;
max-height:160px;
overflow-y:auto;
}

.mail-compose-link{
display:block;
padding:8px 10px;
margin:4px 0;
border-radius:8px;
color:#eee;
text-decoration:none;
font-size:.8rem;
background:#171020;
border:1px solid rgba(180,80,255,.15);
}

.mail-compose-link:hover{
background:#221030;
border-color:rgba(180,80,255,.35);
}

.mail-list{
flex:1;
overflow-y:auto;
padding:8px 6px 12px;
}

.mail-row{
display:flex;
align-items:flex-start;
gap:10px;
padding:11px 10px;
margin:4px 0;
border-radius:12px;
text-decoration:none;
color:#eee;
border:1px solid transparent;
position:relative;
}

.mail-row:hover{
background:#14091f;
border-color:rgba(180,80,255,.18);
}

.mail-row.active{
background:#1a0f28;
border-color:rgba(180,80,255,.4);
box-shadow:inset 3px 0 0 #8b5cf6;
}

.mail-row.unread .mail-row-name{
color:#fff;
font-weight:800;
}

.mail-row-avatar{
width:38px;
height:38px;
border-radius:50%;
overflow:hidden;
flex-shrink:0;
background:#1a1028;
border:1px solid rgba(180,80,255,.25);
display:flex;
align-items:center;
justify-content:center;
color:#b88cff;
font-size:.85rem;
}

.mail-row-avatar img{
width:100%;
height:100%;
object-fit:cover;
}

.mail-row-main{
flex:1;
min-width:0;
text-align:left;
}

.mail-row-top{
display:flex;
justify-content:space-between;
gap:8px;
align-items:baseline;
}

.mail-row-name{
font-size:.82rem;
font-weight:600;
color:#ddd;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.mail-row-date{
font-size:.65rem;
color:#8f7aa8;
white-space:nowrap;
flex-shrink:0;
}

.mail-row-preview{
font-size:.74rem;
color:#a894c0;
margin-top:3px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.mail-dot{
width:8px;
height:8px;
border-radius:50%;
background:#8b5cf6;
flex-shrink:0;
margin-top:6px;
box-shadow:0 0 8px rgba(139,92,246,.8);
}

.mail-empty-note{
padding:12px;
font-size:.78rem;
color:#9f86b8;
text-align:center;
}

.mail-main{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
background:#060009;
min-height:0;
}

.mail-welcome{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:40px 24px;
color:#c9b4df;
}

.mail-welcome-icon{
font-size:3rem;
margin-bottom:12px;
opacity:.9;
}

.mail-welcome h2{
margin:0 0 10px;
color:#f0e6ff;
}

.mail-thread{
flex:1;
display:flex;
flex-direction:column;
min-height:0;
}

.mail-thread-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:12px 16px;
border-bottom:1px solid rgba(180,80,255,.15);
background:#0b0013;
}

.mail-back{
color:#b88cff;
text-decoration:none;
font-size:.82rem;
font-weight:700;
}

.mail-profile-link{
font-size:.75rem!important;
padding:8px 12px!important;
}

.mail-thread-subject{
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
border-bottom:1px solid rgba(180,80,255,.2);
background:linear-gradient(180deg,#100818,#08040d);
}

.mail-thread-subject h2{
margin:0;
font-size:1.1rem;
color:#f5eeff;
}

.mail-thread-meta{
margin:4px 0 0;
font-size:.75rem;
color:#9f86b8;
}

.mail-thread-avatar{
width:52px;
height:52px;
border-radius:50%;
overflow:hidden;
background:#1a1028;
border:1px solid rgba(180,80,255,.35);
display:flex;
align-items:center;
justify-content:center;
color:#b88cff;
flex-shrink:0;
}

.mail-thread-avatar img{
width:100%;
height:100%;
object-fit:cover;
}

.mail-thread-body{
flex:1;
overflow-y:auto;
padding:14px 18px 20px;
}

.mail-message{
background:#0f0818;
border:1px solid rgba(180,80,255,.18);
border-radius:14px;
margin-bottom:14px;
overflow:hidden;
text-align:left;
}

.mail-message.sent{
border-color:rgba(109,44,255,.35);
}

.mail-message.received{
border-color:rgba(180,80,255,.22);
}

.mail-message-head{
padding:12px 14px 10px;
background:rgba(20,8,32,.65);
border-bottom:1px solid rgba(180,80,255,.12);
font-size:.78rem;
}

.mail-message-from,
.mail-message-to{
margin:2px 0;
}

.mail-label{
display:inline-block;
min-width:42px;
color:#8f7aa8;
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.4px;
}

.mail-message-date{
display:block;
margin-top:8px;
font-size:.7rem;
color:#8f7aa8;
}

.mail-message-body{
padding:14px 16px 16px;
color:#eee;
line-height:1.55;
white-space:pre-wrap;
word-break:break-word;
font-size:.92rem;
}

.mail-message-body a,
.void-post-body a,
.mini-bubble a{
color:#c4a0ff;
text-decoration:underline;
word-break:break-all;
}

.mail-message-body a:hover,
.void-post-body a:hover,
.mini-bubble a:hover{
color:#e9d5ff;
}

.mail-placeholder{
padding:30px 10px;
text-align:center;
color:#a894c0;
}

.mail-reply{
padding:14px 16px 16px;
border-top:1px solid rgba(180,80,255,.2);
background:#0b0013;
}

.mail-reply-label{
display:block;
font-size:.75rem;
color:#9f86b8;
margin-bottom:8px;
text-align:left;
}

.mail-reply textarea{
width:100%;
min-height:88px;
resize:vertical;
border-radius:12px;
border:1px solid rgba(180,80,255,.3);
background:#090010;
color:#fff;
padding:12px 14px;
font-family:inherit;
font-size:.9rem;
box-sizing:border-box;
}

.mail-reply-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
align-items:center;
}

.mail-reply button{
background:#6d2cff;
color:#fff;
border:0;
border-radius:10px;
padding:11px 20px;
font-weight:800;
cursor:pointer;
}

@media(max-width:900px){
.mail-app{
flex-direction:column;
min-height:auto;
border-radius:14px;
}

.mail-sidebar{
width:100%;
max-height:none;
border-right:0;
border-bottom:1px solid rgba(180,80,255,.2);
}

.mail-list{
max-height:220px;
}

.mail-page-wrap.mail-thread-open .mail-sidebar{
display:none;
}

.mail-page-wrap.mail-thread-open .mail-main{
min-height:60vh;
}

.mail-thread-toolbar .mail-back{
display:inline-block;
}
}

@media(max-width:700px){
.mail-reply-actions{
flex-direction:column;
align-items:stretch;
}

.mail-reply-actions .btn,
.mail-reply button{
width:100%;
text-align:center;
}
}

.founders-hub{text-align:center}
.founders-lead{color:#d7b6ff;max-width:640px}
.founders-hero{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;text-align:center}
.founders-stat{flex:1 1 140px;min-width:120px;padding:16px;border-radius:12px;background:#0d0d12;border:1px solid #333}
.founders-stat-accent{border-color:rgba(180,80,255,.55);box-shadow:0 0 18px rgba(180,80,255,.18)}
.founders-stat-num{display:block;font-size:2rem;color:#d7b6ff;font-weight:700}
.founders-stat-label{display:block;color:#999;font-size:.85rem;margin-top:4px}
.founders-status-card .rank{font-size:1.3rem}
.founders-locked-card{border-color:rgba(255,120,120,.35)}
.founders-perks{text-align:left;max-width:520px;margin:0 auto;padding-left:1.2rem;color:#ccc;line-height:1.8}
.founders-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;text-align:left}
.founder-card{display:flex;gap:12px;align-items:center;background:#111;border:1px solid #333;border-radius:12px;padding:14px;color:#d7b6ff;transition:border-color .2s,box-shadow .2s}
.founder-card:hover{border-color:rgba(180,80,255,.55);box-shadow:0 0 14px rgba(180,80,255,.2)}
.founder-card-empty{opacity:.55;border-style:dashed}
.founder-card-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#222;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#b88cff}
.founder-card-avatar img{width:100%;height:100%;object-fit:cover}
.founder-card-body strong{display:block;color:#fff}
.founders-more-slots{grid-column:1/-1;text-align:center;color:#888}
.founder-pill{display:inline-block;font-size:.72rem;padding:3px 8px;border-radius:999px;background:rgba(180,80,255,.18);color:#d7b6ff;border:1px solid rgba(180,80,255,.35);vertical-align:middle}
.vault-locked{opacity:.92}
.vault-lock-box{margin:12px 0;padding:14px;border-radius:10px;background:#0d0d12;border:1px dashed rgba(180,80,255,.35);text-align:center}
.vault-founder-note{margin-bottom:14px;color:#bbb}
.founder-vault-cta{border-color:rgba(180,80,255,.35)}

/* Security hardening: POST logout control */
.side-nav .logout-form{margin:10px 8px 0}
.side-nav .logout-btn{
  width:100%;
  text-align:left;
  background:transparent;
  border:none;
  color:#e8d5ff;
  font:inherit;
  font-size:0.95rem;
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
}
.side-nav .logout-btn:hover{background:rgba(180,80,255,.15)}