.hub-topbar .hub-actions.topbar-actions{gap:6px;min-width:0;flex-wrap:nowrap}
.hub-topbar .topbar-link,.hub-topbar .topbar-alert{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:#17212b;box-shadow:none;text-decoration:none}
.hub-topbar .topbar-link:hover,.hub-topbar .topbar-alert:hover,.hub-topbar .topbar-account-toggle:hover{background-color:rgba(23,33,43,.06)}
.hub-topbar .topbar-link:focus-visible,.hub-topbar .topbar-alert:focus-visible,.hub-topbar .topbar-account-toggle:focus-visible,.topbar-account-popover :focus-visible,.topbar-account-menu :focus-visible{outline:2px solid #159eef;outline-offset:2px}
.hub-topbar .topbar-link img{width:24px;height:24px;display:block}
.hub-topbar .topbar-inbox{width:auto;gap:8px;padding:0 8px;font-weight:700;white-space:nowrap}
.hub-topbar .topbar-alert{position:relative;background:transparent url('/assets/icons/tabler-bell.svg') center/24px 24px no-repeat;font-size:0;color:transparent}
.hub-topbar .topbar-alert[data-has-alert="true"]::after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#f24c3d;box-shadow:none}
.hub-topbar .topbar-account-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.hub-topbar button.topbar-account-toggle{padding:0 3px 0 0;border:0;background:transparent;color:inherit;cursor:pointer}
.hub-topbar .topbar-account-toggle .hub-avatar,.hub-topbar .topbar-account-menu .hub-avatar{display:grid;place-items:center;flex:0 0 40px;min-width:40px;width:40px;height:40px;overflow:hidden;border:0;border-radius:50%!important;object-fit:cover}
.hub-topbar .topbar-account-menu .hub-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.partner-hub .hub-topbar .topbar-account-menu .hub-avatar.has-photo{text-indent:0}
.hub-topbar .topbar-chevron{width:9px;height:9px;margin:0 3px 5px 0;border-right:2px solid #17212b;border-bottom:2px solid #17212b;transform:rotate(45deg);pointer-events:none}
.hub-topbar .topbar-account-toggle[aria-expanded="true"] .topbar-chevron,.hub-topbar .topbar-account-menu[open] .topbar-chevron{margin:5px 3px 0 0;transform:rotate(225deg)}
.hub-topbar .topbar-account-toggle .hub-avatar:not(.has-photo),.hub-topbar .topbar-account-menu .hub-avatar:not(.has-photo){background:#eee8ff!important;color:#5035df!important}
.topbar-account-popover,.topbar-account-menu .topbar-account-panel{min-width:250px;max-width:min(300px,calc(100vw - 24px));padding:8px;border:1px solid #e5e8ec;border-radius:16px;background:#fff;box-shadow:0 16px 36px #17212b26;color:#17212b}
.topbar-account-popover::before{display:none}
.topbar-account-popover .topbar-popover-head,.topbar-account-panel .topbar-popover-head{display:grid;gap:3px;padding:12px 13px;border-bottom:1px solid #e5e8ec;overflow-wrap:anywhere}
.topbar-popover-head strong{font-size:15px}.topbar-popover-head small{color:#657487;font-size:12px}
.topbar-account-popover .topbar-popover-item,.topbar-account-panel .topbar-popover-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:42px;padding:8px 12px;border:0;border-radius:9px;background:transparent!important;box-shadow:none;color:#27313b!important;font-size:14px;font-weight:650;text-align:start;text-decoration:none}
.topbar-account-popover .topbar-popover-item:hover,.topbar-account-panel .topbar-popover-item:hover{background:#f0f6fb!important}
.topbar-popover-item img{width:22px;height:22px;flex:0 0 22px}
.test-account-switcher{margin:6px 0;padding:8px 0;border-top:1px solid #e5e8ec;border-bottom:1px solid #e5e8ec}
.test-account-switcher h3{margin:0;padding:4px 12px 6px;font-size:12px;font-weight:600;color:#657487}
.test-account-switcher .test-account-option{justify-content:space-between;gap:8px;min-height:48px}
.test-account-option>span:first-child{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.test-account-option strong{font-size:13px;font-weight:600;line-height:1.3}
.test-account-option small{font-size:11px;font-weight:400;color:#657487;line-height:1.3}
.test-account-option[aria-current="true"]{opacity:1;background:#eff9f4!important}
.test-account-current{color:#16814e;font-size:18px}
.test-account-status{margin:6px 12px;font-size:12px;line-height:1.4;color:#657487;overflow-wrap:anywhere}
.topbar-account-popover:has(.test-account-switcher),.topbar-account-panel:has(.test-account-switcher){max-height:calc(100dvh - 90px);overflow-y:auto}
.hub-topbar .topbar-account-menu{position:relative;flex:0 0 auto}
.hub-topbar .topbar-account-menu summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 3px;list-style:none;cursor:pointer}
.hub-topbar .topbar-account-menu summary::-webkit-details-marker{display:none}
.hub-topbar .topbar-account-menu .topbar-account-panel{position:absolute;z-index:150;top:calc(100% + 9px);right:0}
@media(max-width:1100px){.hub-topbar .topbar-inbox span{display:none}.hub-topbar .topbar-inbox{width:40px;padding:0}}
@media(max-width:720px){.hub-topbar .hub-actions.topbar-actions{gap:3px}.hub-topbar .topbar-link,.hub-topbar .topbar-alert{min-width:34px;width:34px;height:36px}.hub-topbar .topbar-link img{width:21px;height:21px}.hub-topbar .topbar-alert{background-size:21px 21px}.hub-topbar .topbar-account-toggle .hub-avatar,.hub-topbar .topbar-account-menu .hub-avatar{min-width:36px;width:36px;height:36px}}
@media(max-width:760px){.partner-hub .hub-topbar--compact>.hub-actions.topbar-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;flex-wrap:wrap}}
@media(max-width:430px){.student-hub .hub-topbar .hub-actions.topbar-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;flex-wrap:wrap}.student-hub .hub-topbar .hub-search{grid-column:1/-1;grid-row:3}}
html[dir="rtl"] .hub-topbar .topbar-account-menu .topbar-account-panel{right:auto;left:0}
.account-language-settings{margin:0 0 16px;padding:16px;border:1px solid #e5e8ec;border-radius:16px;background:#fff}
.account-language-settings label{display:grid;gap:8px;max-width:320px;font-weight:700}
.account-language-settings .i18n-picker{width:100%;min-height:44px;padding:8px 12px;border:1px solid #d8e1e8;border-radius:10px;background:#fff;color:#17212b;font:inherit}
.student-hub .settings-form .account-language-settings{grid-column:1/-1}
@media(min-width:1101px){.mentor-hub:not(.partner-hub) .hub-topbar--compact{grid-template-columns:minmax(0,560px) 154px minmax(0,1fr)}.mentor-hub:not(.partner-hub) .hub-topbar--compact>.profile-completion{grid-column:2}.mentor-hub:not(.partner-hub) .hub-topbar--compact>.hub-actions{grid-column:3}}
@media(min-width:901px){.partner-hub .hub-topbar--compact{grid-template-columns:minmax(0,560px) 72px minmax(0,1fr)}.partner-hub .hub-topbar--compact>.nav-currency-select{grid-column:2}.partner-hub .hub-topbar--compact>.hub-actions{grid-column:3}}
@media(max-width:900px){.partner-hub .hub-topbar--compact>.nav-currency-select{grid-column:2}}
@media(max-width:760px){.partner-hub .hub-topbar--compact{display:flex;flex-wrap:wrap}.partner-hub .hub-topbar--compact>.hub-search{flex:1 1 150px;min-width:0}.partner-hub .hub-topbar--compact>.nav-currency-select{flex:0 0 72px}.partner-hub .hub-topbar--compact>.hub-actions.topbar-actions{flex:1 1 100%;justify-content:flex-end}}