.top-logout{margin:0}
.top-logout button{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#344054;font-weight:700;cursor:pointer}
.top-logout button:hover{background:#fff1f3;color:#b4233d;border-color:#fecdd5}
.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:none}
.sidebar nav::-webkit-scrollbar{display:none}
.account-menu-wrap{position:relative}
.account-menu{position:absolute;left:0;right:0;bottom:68px;padding:7px;border:1px solid #294264;border-radius:12px;background:#0c2340;box-shadow:0 18px 45px #0006}
.account-menu a,.account-menu button{display:block;padding:11px 12px!important;border:0!important;border-radius:8px;color:#dce6f5!important;font-size:12px}
.account-menu a:hover,.account-menu button:hover{background:#17395f}
.settings-grid,.oauth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.settings-section{margin:30px 0}
.oauth-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.oauth-head h3{margin:0 0 4px}
.oauth-head small{color:#697386}
.oauth-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-weight:850}
.oauth-logo.google{color:#4285f4;background:#eef5ff}
.oauth-logo.facebook{color:#fff;background:#1877f2}
.oauth-head .switch{margin:0 0 0 auto}
.switch input{position:absolute;opacity:0}
.switch i{display:block;width:44px;height:25px;padding:3px;border-radius:99px;background:#ccd2dc;transition:.2s}
.switch i:after{content:'';display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.2s}
.switch input:checked+i{background:#6d5dfb}
.switch input:checked+i:after{transform:translateX(19px)}
.callback-url{display:block;padding:11px;border:1px solid #dce2eb;border-radius:9px;background:#f7f8fb;overflow-wrap:anywhere;font-size:11px;font-weight:500}
.oauth-card label small{font-weight:500;color:#7d8796}
@media(max-width:800px){.settings-grid,.oauth-grid{grid-template-columns:1fr}
.top-logout span{display:none}
}
.top-account-menu{position:relative}
.top-account-menu summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer}
.top-account-menu summary::-webkit-details-marker{display:none}
.top-account-menu summary>span{color:#697386;font-size:13px}
.top-account-menu .avatar{object-fit:cover}
.top-account-dropdown{position:absolute;z-index:30;top:51px;right:0;width:280px;padding:12px;border:1px solid #e1e5ec;border-radius:13px;background:#fff;box-shadow:0 18px 45px #10182824}
.top-account-dropdown header{display:flex;align-items:center;gap:11px;padding:8px 8px 15px;margin-bottom:7px;border-bottom:1px solid #eaecf0}
.top-account-dropdown header div{min-width:0;display:grid}
.top-account-dropdown header b{font-size:12px}
.top-account-dropdown header small{overflow:hidden;color:#697386;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.top-account-dropdown a,.top-account-dropdown button{display:block;width:100%;padding:11px 9px;border:0;border-radius:8px;background:transparent;color:#111827;text-align:left;font-size:12px;cursor:pointer}
.top-account-dropdown a:hover,.top-account-dropdown button:hover{background:#f3f5f8}
.top-account-dropdown form{padding-top:7px;margin-top:7px;border-top:1px solid #eaecf0}

.linked-providers{display:grid;gap:7px;padding-top:15px;border-top:1px solid #e8ebf1}
.linked-providers span{padding:8px 10px;border-radius:8px;background:#f5f7fa;color:#596273;font-size:11px}
.session-list{display:grid}
.session-list>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf0f5}
.session-list>article:last-child{border-bottom:0}
.session-list article>div{display:grid;gap:4px}
.session-list small{color:#7b8595}
.session-list form{margin:0}

.oauth-logo.microsoft{color:#fff;background:#5e5e5e}