.settings-main{

max-width:1100px;

margin:auto;

padding:
180px 20px 80px;

display:flex;

flex-direction:column;

gap:24px;
}

/* FORM */

.settings-form{

display:flex;

flex-direction:column;

gap:18px;
}

.settings-input-group{

display:flex;

flex-direction:column;

gap:10px;
}

/* INPUTS */

.settings-form input{

width:100%;

padding:
14px 16px;

border-radius:16px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.08);

color:white;

outline:none;

transition:0.25s;
}

.settings-form input:focus{

border-color:#00ff99;

box-shadow:
0 0 18px rgba(0,255,153,0.12);
}

/* TOGGLES */

.settings-toggles{

display:flex;

flex-direction:column;

gap:18px;
}

.settings-toggle-row{

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

padding:
16px;

border-radius:18px;

background:
rgba(255,255,255,0.03);

border:
1px solid rgba(255,255,255,0.06);
}

/* SWITCH */

.switch{

position:relative;

display:inline-block;

width:64px;
height:34px;
}

.switch input{

opacity:0;

width:0;
height:0;
}

.slider{

position:absolute;

cursor:pointer;

top:0;
left:0;
right:0;
bottom:0;

background:
rgba(255,255,255,0.12);

transition:0.25s;

border-radius:40px;
}

.slider::before{

position:absolute;

content:"";

height:26px;
width:26px;

left:4px;
bottom:4px;

background:white;

transition:0.25s;

border-radius:50%;
}

.switch input:checked + .slider{

background:#00ff99;

box-shadow:
0 0 18px rgba(0,255,153,0.3);
}

.switch input:checked + .slider::before{

transform:
translateX(30px);

background:black;
}

/* SAVE */

.settings-save-section{

display:flex;

justify-content:flex-end;
}

.settings-save-button{

padding:
14px 22px;

border:none;

border-radius:18px;

background:
linear-gradient(
135deg,
#00ff99,
#00d47f
);

color:black;

font-weight:700;

cursor:pointer;

transition:0.25s;
}

.settings-save-button:hover{

transform:
translateY(-2px);

box-shadow:
0 0 20px rgba(0,255,153,0.2);
}

/* ACCOUNT */

.account-actions{

display:flex;

flex-direction:column;

gap:18px;
}

.disable-button{

padding:
14px 20px;

border:none;

border-radius:18px;

background:
linear-gradient(
135deg,
#3b82f6,
#2563eb
);

color:white;

font-weight:700;

cursor:pointer;
}

.delete-button{

padding:
14px 20px;

border:none;

border-radius:18px;

background:
linear-gradient(
135deg,
#ff3b3b,
#d10000
);

color:white;

font-weight:700;

cursor:pointer;
}

.delete-warning{

color:#ff8a8a;

font-size:0.92rem;

line-height:1.6;
}

/* MOBILE NAV */

.mobile-navbar-toggle{

display:none;
}

/* MOBILE */

@media(max-width:768px){

.mobile-navbar-toggle{

position:fixed;

top:16px;
right:16px;

display:flex;

align-items:center;
justify-content:center;

padding:
14px 18px;

border:none;

border-radius:18px;

background:
rgba(0,0,0,0.82);

backdrop-filter:
blur(18px);

border:
1px solid rgba(255,255,255,0.08);

color:#00ff99;

font-size:1rem;

font-weight:700;

z-index:100000;
}

.dashboard-navbar.hidden-navbar{

opacity:0;

pointer-events:none;
}

.settings-main{

padding:
120px 18px 70px;
}

.settings-save-section{

justify-content:center;
}

.settings-save-button{

width:100%;
}

}