.user-dropdown{position:relative}.user-dropdown__trigger{display:flex;align-items:center;min-width:150px;height:44px;gap:9px;padding:5px 12px 5px 7px;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fff;border:1px solid #dbe2ec;box-shadow:0 1px 2px rgba(15,23,42,.03)}.user-dropdown__trigger:hover{background:#fff;border-color:#cbd5e1}.user-dropdown__avatar{width:32px;height:32px;border-radius:50%;background:#10b981;color:white;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.user-dropdown__trigger-name{min-width:0;flex:1;overflow:hidden;color:#25324d;font-size:calc(13px + var(--panel-font-size-offset, 0px));font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__avatar--large{width:48px;height:48px}.user-dropdown__arrow{width:16px;height:16px;display:inline-grid;place-items:center;color:#60708f;transition:transform .2s ease}.user-dropdown__arrow .icon-picker-svg,.user-dropdown__arrow>svg{width:100%;height:100%}.user-dropdown__arrow--open{transform:rotate(180deg)}@media (max-width:768px){.user-dropdown__trigger{min-width:38px;width:38px;height:38px;padding:2px;justify-content:center}.user-dropdown__arrow,.user-dropdown__trigger-name{display:none}}.user-dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:white;border:1px solid #e5e5e8;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:1000;animation:dropdownFadeIn .15s ease}html[dir=rtl] .user-dropdown__menu{right:auto;left:0}html[dir=rtl] .user-dropdown__item,html[dir=rtl] .user-dropdown__mode-toggle,html[dir=rtl] .user-dropdown__trigger-name{text-align:right}html[dir=rtl] .user-dropdown__item-external{margin-right:auto;margin-left:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown__header{padding:1.25rem;display:flex;align-items:center;gap:.875rem;border-bottom:1px solid #e5e5e8}.user-dropdown__info{flex:1;min-width:0}.user-dropdown__name{font-weight:600;margin-bottom:.25rem}.user-dropdown__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__items{padding:.5rem 0}.user-dropdown__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;border:0;background:transparent;text-decoration:none;text-align:left;font:inherit;transition:all .15s ease;cursor:pointer;position:relative}.user-dropdown__item:hover{background:#f6f5fa}.user-dropdown__item--danger:hover{background:#fef2f2}.user-dropdown__item-icon{width:16px;height:16px;flex-shrink:0}.user-dropdown__item:hover .user-dropdown__item-icon{color:currentColor}.user-dropdown__item-label{flex:1}.user-dropdown__item-external{width:12px;height:12px;margin-left:auto}.user-dropdown__divider{height:1px;background:#e5e5e8;margin:.5rem 0}.user-dropdown__mode-toggle{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;width:calc(100% - 24px);min-height:54px;margin:4px 12px;padding:8px 10px;border:1px solid #e1e6f0;border-radius:8px;background:linear-gradient(135deg,#f8faff,#f3f6ff);color:#334155;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.user-dropdown__mode-toggle:hover{border-color:#c5cdef;background:#eef2ff;box-shadow:0 4px 12px rgba(79,70,229,.08)}.user-dropdown__mode-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff;color:#5263d8;box-shadow:inset 0 0 0 1px #e0e5f2}.user-dropdown__mode-icon svg{width:14px;height:14px}.user-dropdown__mode-copy{display:grid;gap:2px;min-width:0}.user-dropdown__mode-copy strong{color:#293650;font-size:calc(12px + var(--panel-font-size-offset, 0px));font-weight:700}.user-dropdown__mode-copy small{color:#71809a;font-size:calc(10.5px + var(--panel-font-size-offset, 0px));font-weight:500}.user-dropdown__mode-switch{position:relative;width:34px;height:20px;border-radius:999px;background:#cbd5e1;transition:background .15s ease}.user-dropdown__mode-switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.24);transition:transform .15s ease}.user-dropdown__mode-toggle.is-active .user-dropdown__mode-switch{background:#6366f1}.user-dropdown__mode-toggle.is-active .user-dropdown__mode-switch:after{transform:translateX(14px)}html[data-panel-mode=mode-dark] .user-dropdown__mode-toggle{border-color:rgba(148,163,184,.24);background:linear-gradient(135deg,#172033,#111827);color:#e5e7eb}html[data-panel-mode=mode-dark] .user-dropdown__mode-toggle:hover{border-color:#64748b;background:#1e293b}html[data-panel-mode=mode-dark] .user-dropdown__mode-icon{background:#263248;color:#c7d2fe;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}html[data-panel-mode=mode-dark] .user-dropdown__mode-copy strong{color:#f8fafc}html[data-panel-mode=mode-dark] .user-dropdown__mode-copy small{color:#94a3b8}.user-dropdown__language{display:grid;grid-template-columns:34px minmax(0,1fr) 78px;align-items:center;gap:10px;width:calc(100% - 24px);min-height:54px;margin:4px 12px;padding:8px 10px;border:1px solid #e1e6f0;border-radius:8px;background:linear-gradient(135deg,#f8faff,#f3f6ff)}.user-dropdown__language-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff;color:#5263d8;box-shadow:inset 0 0 0 1px #e0e5f2}.user-dropdown__language-icon svg{width:14px;height:14px}.user-dropdown__language-copy{display:grid;gap:2px;min-width:0}.user-dropdown__language-copy strong{color:#293650;font-size:var(--panel-font-size-base);font-weight:700}.user-dropdown__language-copy small{overflow:hidden;color:#71809a;font-size:calc(10.5px + var(--panel-font-size-offset, 0px));font-weight:500;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__language-select{width:78px;height:32px;padding:0 24px 0 10px;border:1px solid #dbe1f0;border-radius:7px;outline:none;background:#ffffff;color:#4338ca;font:inherit;font-size:calc(11px + var(--panel-font-size-offset, 0px));font-weight:800;cursor:pointer}.user-dropdown__language-select:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.14)}html[data-panel-mode=mode-dark] .user-dropdown__language{border-color:rgba(148,163,184,.24);background:linear-gradient(135deg,#172033,#111827)}html[data-panel-mode=mode-dark] .user-dropdown__language-icon{background:#263248;color:#c7d2fe;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}html[data-panel-mode=mode-dark] .user-dropdown__language-copy strong{color:#f8fafc}html[data-panel-mode=mode-dark] .user-dropdown__language-copy small{color:#94a3b8}html[data-panel-mode=mode-dark] .user-dropdown__language-select{border-color:rgba(148,163,184,.24);background-color:#0f172a;color:#c7d2fe}.user-dropdown__text-size{display:grid;grid-template-columns:34px minmax(0,1fr) 104px;align-items:center;gap:10px;width:calc(100% - 24px);min-height:54px;margin:4px 12px;padding:8px 10px;border:1px solid #e1e6f0;border-radius:8px;background:linear-gradient(135deg,#f8faff,#f3f6ff)}.user-dropdown__text-size-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff;color:#5263d8;box-shadow:inset 0 0 0 1px #e0e5f2}.user-dropdown__text-size-icon svg{width:14px;height:14px}.user-dropdown__text-size-copy{display:grid;gap:2px;min-width:0}.user-dropdown__text-size-copy strong{color:#293650;font-size:var(--panel-font-size-base);font-weight:700}.user-dropdown__text-size-copy small{color:#71809a;font-size:calc(10.5px + var(--panel-font-size-offset, 0px));font-weight:500;white-space:nowrap}.user-dropdown__text-size-stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:3px;padding:3px;border:1px solid #dbe1f0;border-radius:7px;background:#ffffff}.user-dropdown__text-size-stepper button{min-width:0;height:26px;padding:0;border:0;border-radius:5px;background:transparent;color:#71809a;font:inherit;font-size:calc(15px + var(--panel-font-size-offset, 0px));font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.user-dropdown__text-size-stepper button:hover:not(:disabled){color:#4338ca;background:#eef2ff}.user-dropdown__text-size-stepper button:disabled{color:#cbd5e1;cursor:not-allowed}.user-dropdown__text-size-stepper output{color:#4338ca;font-size:calc(11px + var(--panel-font-size-offset, 0px));font-weight:800;text-align:center;white-space:nowrap}html[data-panel-mode=mode-dark] .user-dropdown__text-size{border-color:rgba(148,163,184,.24);background:linear-gradient(135deg,#172033,#111827)}html[data-panel-mode=mode-dark] .user-dropdown__text-size-icon{background:#263248;color:#c7d2fe;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}html[data-panel-mode=mode-dark] .user-dropdown__text-size-copy strong{color:#f8fafc}html[data-panel-mode=mode-dark] .user-dropdown__text-size-copy small{color:#94a3b8}html[data-panel-mode=mode-dark] .user-dropdown__text-size-stepper{border-color:rgba(148,163,184,.24);background:#0f172a}html[data-panel-mode=mode-dark] .user-dropdown__text-size-stepper button{color:#94a3b8}html[data-panel-mode=mode-dark] .user-dropdown__text-size-stepper button:hover:not(:disabled){color:#e0e7ff;background:rgba(99,102,241,.16)}html[data-panel-mode=mode-dark] .user-dropdown__text-size-stepper button:disabled{color:#475569}html[data-panel-mode=mode-dark] .user-dropdown__text-size-stepper output{color:#c7d2fe}.mobile-nav,.mobile-nav-row{display:none}@media (max-width:768px){.mobile-nav-row{position:fixed;bottom:0;left:0;right:0;z-index:300;display:flex;align-items:stretch;padding:0 12px max(14px,env(safe-area-inset-bottom));transition:transform .48s cubic-bezier(.34,1.56,.64,1);will-change:transform}.mobile-nav-row--hidden{transform:translateY(130%);transition:transform .28s cubic-bezier(.4,0,1,1)}.mobile-nav__fab{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;background:linear-gradient(140deg,#155dfc,#4d8aff);border:none;border-radius:50%;flex-shrink:0;align-self:center;display:flex;justify-content:center;align-items:center;width:52px;height:52px;box-shadow:0 0 0 4px #fff,0 6px 22px rgba(21,93,252,.45),0 2px 6px rgba(0,0,0,.15);z-index:2;position:relative;transition:background .26s,box-shadow .26s,transform .22s cubic-bezier(.34,1.56,.64,1)}.mobile-nav__fab:active{transform:scale(.88)}.mobile-nav__fab--open{background:linear-gradient(140deg,#ef4444,#f87171);box-shadow:0 6px 20px rgba(239,68,68,.45)}.mobile-nav__fab-icon{font-size:calc(18px + var(--panel-font-size-offset, 0px));color:white;pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-nav__fab--open .mobile-nav__fab-icon{transform:rotate(135deg)}.mobile-nav{display:block;flex:1;min-width:0;margin-left:-35px}.mobile-nav__inner{display:flex;align-items:flex-end;justify-content:space-around;background:#1a1727;border-radius:28px;padding:6px 10px 10px 35px;position:relative;overflow:visible;box-shadow:inset 0 -2px #ffffff0f,0 8px 32px #00000059,0 2px 8px #0003}.mobile-nav__blob{position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:#155dfc;margin-left:-21px;box-shadow:0 0 0 5px rgba(26,23,39,.9),0 6px 18px rgba(21,93,252,.5);pointer-events:none;will-change:transform,border-radius}.mobile-nav__item{flex-direction:column;gap:3px;padding:4px 6px;border:none;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;flex:1;min-width:0}.mobile-nav__bubble,.mobile-nav__item{display:flex;align-items:center;background:transparent}.mobile-nav__bubble{width:34px;height:34px;justify-content:center;border-radius:50%;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.mobile-nav__bubble i{font-size:calc(16px + var(--panel-font-size-offset, 0px));line-height:1;display:block;color:rgba(255,255,255,.38);transition:color .18s ease,font-size .18s ease}.mobile-nav__label{font-size:calc(8px + var(--panel-font-size-offset, 0px));font-weight:600;letter-spacing:.4px;color:rgba(255,255,255,.3);white-space:nowrap;text-transform:uppercase;transition:color .18s ease}.mobile-nav__item--active .mobile-nav__bubble{transform:translateY(-16px)}.mobile-nav__item--active .mobile-nav__bubble i{color:#fff;font-size:calc(19px + var(--panel-font-size-offset, 0px))}.mobile-nav__item--active .mobile-nav__label{color:#6a9fff}.mobile-nav__item:active .mobile-nav__bubble{transform:scale(.9)}.mobile-nav__item--active:active .mobile-nav__bubble{transform:translateY(-16px) scale(1.2)}.mobile-nav__overlay{position:fixed;inset:0;background:rgba(5,3,20,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:299;animation:mobileNavFadeIn .22s ease forwards}@keyframes mobileNavFadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav__scatter-item{position:fixed;left:12px;bottom:calc(90px + var(--index, 0) * 70px);z-index:310;display:flex;align-items:center;gap:12px;border:none;background:transparent;cursor:pointer;text-decoration:none;padding:0;-webkit-tap-highlight-color:transparent;animation:scatterIn .4s cubic-bezier(.34,1.56,.64,1) var(--delay,0s) both}@keyframes scatterIn{0%{opacity:0;transform:scale(.2) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-nav__scatter-icon{width:50px;height:50px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.15);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.mobile-nav__scatter-item:active .mobile-nav__scatter-icon{transform:scale(.88)}.mobile-nav__scatter-icon i{font-size:calc(20px + var(--panel-font-size-offset, 0px));color:white;pointer-events:none}.mobile-nav__scatter-label{font-size:calc(12px + var(--panel-font-size-offset, 0px));font-weight:700;letter-spacing:.3px;color:white;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.7);pointer-events:none}}