.account-menu{--account-accent:var(--cc-primary,var(--primary,#00aef3));position:relative;z-index:80}
.account-menu summary{list-style:none;display:flex;align-items:center;gap:10px;min-width:142px;padding:6px 9px 6px 6px;border:1px solid #293238;border-radius:999px;background:linear-gradient(180deg,#121719,#0d1113);box-shadow:inset 0 1px #ffffff08,0 8px 24px #0000;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover,.account-menu[open] summary{border-color:#3d4b52;background:#151b1e;box-shadow:0 10px 30px #0007;transform:translateY(-1px)}
.account-menu summary img,.account-menu .avatar-fallback{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;border:1px solid #ffffff1c;box-shadow:0 0 0 3px #0b2530}
.account-menu .avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--account-accent),color-mix(in srgb,var(--account-accent) 65%,#071017));color:#fff;font-weight:900}
.account-summary{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.2}
.account-summary b{max-width:112px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#f5f8fa}
.account-summary small{margin-top:2px;color:#6f7a80;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.account-menu summary>i{color:#758188;font-style:normal;transition:transform .18s ease}
.account-menu[open] summary>i{transform:rotate(180deg)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:318px;padding:10px;background:linear-gradient(160deg,#121719,#0b0f11 70%);border:1px solid #2a3439;border-radius:14px;box-shadow:0 26px 80px #000c,0 0 0 1px #ffffff05;overflow:hidden;animation:account-menu-in .16s ease-out}
.account-dropdown:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--account-accent),transparent 75%)}
.account-identity{display:grid!important;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;margin:0!important;padding:13px 12px 15px!important;border-bottom:1px solid #252e32!important}
.account-identity img,.account-identity>.avatar-fallback{width:46px;height:46px;box-shadow:0 0 0 4px #122630}
.account-identity>span{display:flex;min-width:0;flex-direction:column}
.account-identity strong{font-size:14px;color:#fff}
.account-identity small{overflow:hidden;text-overflow:ellipsis;color:#7e898f;font-size:10px;white-space:nowrap}
.account-identity em{width:max-content;margin-top:6px;padding:3px 7px;border:1px solid #174c63;border-radius:999px;background:#0d2b38;color:#5fd2ff;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.account-actions{display:flex!important;flex:none!important;width:100%;flex-direction:column;justify-content:flex-start!important;gap:2px!important;padding:7px 0!important;overflow:visible!important}
.account-actions a,.account-dropdown form button{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:9px 10px!important;border:0;border-radius:8px;background:transparent;color:#dce2e5;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}
.account-actions a:hover,.account-dropdown form button:hover{background:#182126!important;color:#5fd2ff!important}
.account-actions a>span:last-child,.account-dropdown button>span:last-child{display:flex;min-width:0;flex-direction:column}
.account-actions b,.account-dropdown button b{font-size:11px}
.account-actions small,.account-dropdown button small{color:#6f7b81;font-size:9px;font-weight:500}
.menu-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #28353b;border-radius:7px;background:#0b1114;color:#46caff;font-size:13px}
.account-dropdown form{margin:0!important;padding-top:8px!important;border-top:1px solid #252e32!important}
.account-dropdown form button:hover{color:#ff8d8d!important}
.account-dropdown form button:hover .menu-icon{border-color:#5d3030;background:#211112;color:#ff8d8d}
.support-account{margin-left:auto;display:flex;align-items:center}
.support-signin{padding:8px 13px;border:1px solid #2b353a;border-radius:999px}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.account-summary,.account-menu summary>i{display:none}.account-menu summary{min-width:0;padding:5px}.account-dropdown{position:fixed;top:74px;right:12px;width:min(318px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.account-menu summary,.account-menu summary>i,.account-dropdown{animation:none;transition:none}}