.mobile-more-menu{display:none}#account-menu-root{flex-shrink:0}.account-menu{position:relative}.account-avatar{display:grid;place-items:center;position:relative;width:42px;height:42px;list-style:none;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#9c7bea,#6777d8);color:white;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 0 0 1px #d9cfed,0 4px 12px #69528b1a}.account-avatar::-webkit-details-marker,.mobile-more-menu>summary::-webkit-details-marker{display:none}.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.account-avatar:focus-visible,.mobile-more-menu>summary:focus-visible{outline:3px solid #a58be2;outline-offset:3px}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 28px);padding:8px;border:1px solid #e8e0f2;border-radius:18px;background:#fff;box-shadow:0 14px 45px #2f204329;color:#3b304b;z-index:40}.account-contact{display:grid;gap:6px;padding:12px 13px 15px;border-bottom:1px solid #eee8f6;margin-bottom:6px;overflow-wrap:anywhere}.account-contact>strong{font-size:15px!important}.account-contact>span{font-size:13px;color:#6f6182}.account-contact>small{font-size:11px;color:#998bab}.account-dropdown>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;box-shadow:none;color:#645172;padding:12px 13px;font-size:13px;font-weight:500;border-radius:10px}.account-dropdown>button:hover{background:#f4f0fc;transform:none}.account-dropdown>button>span{font-size:19px;width:23px;text-align:center;color:#9373ce}.account-dropdown>.account-logout{color:#ad5c6d;border-top:1px solid #eee8f6;border-radius:0 0 10px 10px;margin-top:5px}.topbar{position:relative;z-index:8}.topbar-actions{flex-wrap:nowrap}.mobile-more-panel{display:none}
@media(max-width:700px){
 .sidebar{padding:7px 12px calc(7px + env(safe-area-inset-bottom));height:auto;min-height:0;border-radius:20px 20px 0 0;overflow:visible;box-shadow:0 -5px 25px #251c3b18;z-index:15}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}.sidebar nav>.nav.desktop-navigation{display:none}.sidebar nav>.nav,.mobile-more-menu>summary{height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;font-size:11px;line-height:1.3;margin:0}.sidebar nav>.nav>span,.mobile-more-menu>summary>span{font-size:20px;line-height:1.1;display:block;margin:0}.mobile-more-menu{display:block;position:static;min-width:0}.mobile-more-menu>summary{list-style:none;cursor:pointer}.mobile-more-menu[open]>.mobile-more-panel{display:grid;gap:3px;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;max-height:60dvh;overflow:auto;background:#fff;color:#453652;border:1px solid #e4daef;border-radius:18px;padding:10px;box-shadow:0 -8px 35px #2a1c4126}.mobile-more-heading{font-size:12px;color:#a08bab;padding:7px 12px 9px}.mobile-more-panel>.nav{display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;padding:13px 12px;color:#6f5b7d;border-radius:11px;margin:0}.mobile-more-panel>.nav>span{margin:0;width:24px;font-size:20px;color:#9c7ad3}.mobile-more-panel>.nav.active{color:#fff}.mobile-more-panel>.nav.active>span{color:#fff}.content{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.topbar{flex-wrap:nowrap;gap:10px;padding:12px 14px;align-items:center}.topbar>strong{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.45}.topbar-actions{width:auto;justify-content:flex-end;gap:8px}.topbar .online{display:none}.topbar [data-push-settings]{font-size:0!important;padding:9px!important;min-width:36px}.topbar [data-push-settings]:before{content:'🔔';font-size:20px}.topbar-install{font-size:11px!important;padding:8px!important}.account-avatar{width:38px;height:38px}.account-dropdown{position:absolute;right:0}.account-contact>strong{font-size:15px!important}#toast{bottom:calc(84px + env(safe-area-inset-bottom))}
}

.topbar .topbar-install{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px!important;border:1px solid #e3ddf7;border-radius:14px;background:linear-gradient(145deg,#fff 0%,#f1edff 100%);color:#8063d4;box-shadow:inset 0 1px 0 #fff,0 3px 10px #7960bd0d;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.topbar-install svg{display:block;width:23px;height:23px;flex-shrink:0;pointer-events:none}.topbar-install .install-cloud{stroke:#a38bdd}.topbar-install .install-arrow{transition:transform .2s}.topbar .topbar-install:focus-visible{outline:3px solid #c9b9f1;outline-offset:3px}.topbar .topbar-install:active{transform:scale(.94)}
@media(hover:hover){.topbar .topbar-install:hover{background:linear-gradient(145deg,#faf8ff,#eae3ff);border-color:#cdbded;box-shadow:0 5px 14px #7960bd1a;transform:translateY(-1px)}.topbar-install:hover .install-arrow{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.topbar .topbar-install,.topbar-install .install-arrow{transition:none}}