.context-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.context-list__search{position:relative;display:flex;align-items:center;padding:0 var(--spacing-xs) var(--spacing-xs)}.context-list__search-icon{position:absolute;left:calc(var(--spacing-xs) + var(--spacing-sm));color:var(--gray-400);font-size:var(--font-size-sm);pointer-events:none}.context-list__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + var(--spacing-md));padding-right:calc(var(--spacing-md) + var(--spacing-md));border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-color);background:var(--surface-ground);transition:var(--transition-base)}.context-list__search-input:focus{outline:none;border-color:var(--layout-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--layout-primary) 15%,transparent)}.context-list__search-clear{position:absolute;right:calc(var(--spacing-xs) + var(--spacing-sm));display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;color:var(--gray-400);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.context-list__search-clear:hover{color:var(--gray-600);background:var(--surface-hover)}.context-list__scroll{max-height:min(60vh,18rem);overflow-y:auto;padding:0 var(--spacing-xs)}.context-list__group+.context-list__group{margin-top:var(--spacing-xs)}.context-list__group-title{padding:var(--spacing-xs) var(--spacing-md);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.context-list__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-color);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base);font-family:inherit}.context-list__item:hover{background-color:var(--surface-hover)}.context-list__item--active{background-color:#10b9811a;font-weight:var(--font-weight-semibold)}.context-list__item:disabled{opacity:.6;cursor:not-allowed}.context-list__icon{font-size:1.2em;flex-shrink:0}.context-list__content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.context-list__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-list__path{font-size:.7rem;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-list__check{margin-left:auto;color:var(--layout-primary);flex-shrink:0}.context-list__empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--gray-500)}.context-list--compact .context-list__scroll{max-height:min(35vh,14rem);overflow-y:auto}.user-menu{position:relative}.user-menu__btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-base);color:var(--layout-topbar-text, var(--text-color))}.user-menu__btn i,.user-menu__btn:hover i{color:var(--layout-topbar-text, var(--text-color))}.user-menu__btn:hover{background-color:#ffffff14}.user-menu__avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:#ffffff29;color:var(--layout-topbar-text, white);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;overflow:hidden}.user-menu__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.user-menu__text{display:none;font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.user-menu__dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--surface-overlay);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-sm) 0;z-index:1100}.user-menu__dropdown--wide{min-width:18rem;width:max-content;max-width:min(90vw,22rem)}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit}.user-menu__item:hover{background-color:var(--surface-hover)}.user-menu__divider{margin:var(--spacing-sm) 0;border:none;border-top:1px solid var(--layout-border)}.user-menu__section-title{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.user-menu__invitations{display:flex;flex-direction:column;gap:2px;padding:0 var(--spacing-xs)}.user-menu__context-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-base);width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;border-radius:var(--radius-sm)}.user-menu__context-item:hover{background-color:var(--surface-hover)}.user-menu__context-item.active{background-color:#10b9811a;font-weight:var(--font-weight-semibold)}.user-menu__context-item:disabled{opacity:.6;cursor:not-allowed}.context-icon{font-size:1.2em}.context-name{flex:1}.user-menu__badge{margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.125rem .5rem;border-radius:var(--radius-full);min-width:1.25rem;text-align:center;display:inline-block}.user-menu__invitations-divider{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-xs)}.user-menu__invitation-item{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:3px solid #667eea}.user-menu__invitation-item:hover{background:linear-gradient(135deg,#667eea26,#764ba226)}.invitation-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.65rem;font-weight:var(--font-weight-bold);padding:.125rem .375rem;border-radius:var(--radius-sm);margin-left:var(--spacing-xs);text-transform:uppercase;letter-spacing:.025em}@media(max-width:640px){.user-menu__name{display:none}}.mobile-account-links{display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-md)}.mobile-account-links__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-color);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:var(--transition-base)}.mobile-account-links__item:hover{background:var(--surface-hover)}.mobile-account-links__item i{width:1.25rem;text-align:center}.mobile-account-links__badge{margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.125rem .5rem;border-radius:var(--radius-full);min-width:1.25rem;text-align:center}.mobile-account-links__invitations{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--surface-border)}.mobile-account-links__invitations-title{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.mobile-account-links__invitation{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);border-left:3px solid #667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.mobile-account-links__invitation-badge{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:.125rem .375rem;border-radius:var(--radius-sm)}.panel-section{margin:0 var(--spacing-md) var(--spacing-xs);border:1px solid var(--surface-border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-ground)}.panel-section__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;background:none;color:var(--text-color);cursor:pointer;text-align:left;font-family:inherit}.panel-section__trigger:hover{background:var(--surface-hover)}.panel-section__trigger-main{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.panel-section__icon{font-size:1rem;color:var(--gray-500);flex-shrink:0}.panel-section__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.panel-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.panel-section__summary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-section__meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.panel-section__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:var(--radius-full);background:var(--gray-200);color:var(--gray-700);font-size:.7rem;font-weight:var(--font-weight-semibold)}.panel-section__chevron{font-size:.75rem;color:var(--gray-500);transition:transform var(--transition-base)}.panel-section__chevron--open{transform:rotate(180deg)}.panel-section__content{border-top:1px solid var(--surface-border);background:var(--surface-overlay)}.notification-item{position:relative;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200);cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background:var(--gray-50)}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:var(--blue-50)}.notification-item--unread:hover{background:var(--blue-100)}.notification-item--low{border-left:3px solid var(--gray-400)}.notification-item--medium{border-left:3px solid var(--blue-500)}.notification-item--high{border-left:3px solid var(--orange-500)}.notification-item--critical{border-left:3px solid var(--red-500)}.notification-item__unclicked-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-sm);width:.5rem;height:.5rem;background:var(--red-500);border-radius:50%}.notification-item__content{padding-left:var(--spacing-md)}.notification-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.notification-item__title{font-size:.875rem;font-weight:600;color:var(--gray-900);margin:0;flex:1}.notification-item__mark-read{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);background:#fff;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:.75rem;transition:all .2s ease}.notification-item__mark-read:hover{background:var(--layout-accent);color:#fff;border-color:var(--layout-accent)}.notification-item__message{font-size:.875rem;color:var(--gray-700);margin:0 0 var(--spacing-xs);line-height:1.4}.notification-item__action{display:inline-block;font-size:.75rem;color:var(--layout-accent);font-weight:500;margin-bottom:var(--spacing-xs)}.notification-item__time{display:block;font-size:.75rem;color:var(--gray-500)}.notification-panel{position:absolute;top:calc(100% + .5rem);right:0;width:24rem;max-height:32rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:1000}.notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.notification-panel__title{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.notification-panel__mark-all{font-size:.875rem;color:var(--layout-accent);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.notification-panel__mark-all:hover{background:var(--gray-100)}.notification-panel__body{flex:1;overflow-y:auto;max-height:28rem}.notification-panel__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.notification-panel__empty{padding:var(--spacing-2xl);text-align:center;color:var(--gray-500);font-size:.875rem}.notification-panel__list{display:flex;flex-direction:column}.notification-panel__footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end}.notification-panel__history{font-size:.875rem;color:var(--layout-accent);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.notification-panel__history:hover{background:var(--gray-100)}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--gray-200);border-top-color:var(--layout-accent);border-radius:50%;animation:spin .6s linear infinite}.notification-table-request-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-lg)}.notification-table-request-modal__content{background:var(--menu-background);border-radius:var(--radius-lg);width:100%;max-width:32rem;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;z-index:var(--z-modal)}.notification-table-request-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.notification-table-request-modal__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.notification-table-request-modal__close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--gray-500);font-size:1.5rem;cursor:pointer}.notification-table-request-modal__body{padding:var(--spacing-lg);overflow-y:auto}.notification-table-request-modal__message{margin:0;color:var(--gray-700);font-size:.95rem;line-height:1.5;white-space:pre-wrap}.notification-table-request-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--gray-200)}.notification-table-request-modal__button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;border:1px solid transparent;cursor:pointer}.notification-table-request-modal__button--secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.notification-table-request-modal__button--primary{background:var(--layout-accent);color:var(--menu-background)}@keyframes spin{to{transform:rotate(360deg)}}.notification-toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.notification-toast{pointer-events:all;min-width:320px;max-width:400px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);border-left:4px solid var(--gray-400);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast--high,.notification-toast--critical{border-left-color:var(--red-500);background:var(--red-50)}.notification-toast--medium{border-left-color:var(--yellow-500);background:var(--yellow-50)}.notification-toast--low{border-left-color:var(--gray-400);background:var(--gray-50)}.notification-toast__content{margin-bottom:var(--spacing-sm)}.notification-toast__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.notification-toast__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0;flex:1}.notification-toast__close{background:none;border:none;font-size:var(--font-size-xl);line-height:1;color:var(--gray-500);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.notification-toast__close:hover{background:var(--gray-200);color:var(--gray-900)}.notification-toast__message{font-size:var(--font-size-sm);color:var(--gray-700);margin:0;line-height:1.5}.notification-toast__actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.notification-toast__action-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;border:none}.notification-toast__action-btn--primary{background:var(--layout-accent);color:var(--white)}.notification-toast__action-btn--primary:hover{background:var(--layout-accent-hover, var(--brand-blue-hover));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.notification-toast__action-btn--secondary{background:var(--gray-200);color:var(--gray-700)}.notification-toast__action-btn--secondary:hover{background:var(--gray-300)}@media(max-width:768px){.notification-toast-container{top:60px;right:10px;left:10px}.notification-toast{min-width:unset;max-width:unset;width:100%}}.notification-bell{position:relative}.notification-bell__button{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--layout-topbar-text, white);cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s ease}.notification-bell__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.notification-bell__label{display:none;font-size:1rem;font-weight:500;flex:1;text-align:left}.notification-bell__button:hover{background:var(--gray-100)}.notification-bell__button[aria-expanded=true]{background:var(--gray-200)}.notification-bell__badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:var(--red-500);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;line-height:1}.mobile-topbar-sidebar :global(.p-sidebar){width:min(100vw,22rem)!important;display:flex!important;flex-direction:column!important}.mobile-topbar-sidebar :global(.p-sidebar-header){padding:var(--spacing-lg)!important;border-bottom:1px solid var(--surface-border);flex-shrink:0}.mobile-topbar-sidebar :global(.p-sidebar-content){padding:0!important;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.mobile-topbar-panel__layout{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-topbar-panel__body{flex:1;overflow-y:auto;min-height:0;padding:var(--spacing-sm) 0 var(--spacing-md)}.mobile-topbar-panel__footer{flex-shrink:0;border-top:1px solid var(--surface-border);background:var(--surface-overlay);padding:var(--spacing-xs) 0}.mobile-topbar-panel__user{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.mobile-topbar-panel__avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;overflow:hidden;flex-shrink:0}.mobile-topbar-panel__avatar-img{width:100%;height:100%;object-fit:cover}.mobile-topbar-panel__email{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-panel__row{display:flex;align-items:center;gap:var(--spacing-sm);width:calc(100% - var(--spacing-md) * 2);margin:0 var(--spacing-md);padding:var(--spacing-md);border:none;background:none;color:var(--text-color);font-size:var(--font-size-sm);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base);font-family:inherit;text-decoration:none}.mobile-topbar-panel__row:hover{background:var(--surface-hover)}.mobile-topbar-panel__row i{font-size:1rem;width:1.25rem;text-align:center}.mobile-topbar-panel__row--logout{color:var(--red-600)}.mobile-topbar-sidebar .notification-bell{width:100%}.mobile-topbar-sidebar .notification-bell__button{width:calc(100% - var(--spacing-md) * 2);margin:0 var(--spacing-md);height:auto;justify-content:flex-start;padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-color)}.mobile-topbar-sidebar .notification-bell__button:hover{background:var(--surface-hover)}.mobile-topbar-sidebar .notification-bell__label{display:block}.mobile-topbar-sidebar .notification-bell__badge{position:static;margin-left:auto}.mobile-topbar-sidebar .notification-panel{position:static;width:calc(100% - var(--spacing-md) * 2);margin:var(--spacing-xs) var(--spacing-md) 0;max-height:none;box-shadow:none;border:1px solid var(--surface-border)}.mobile-topbar-sidebar .notification-panel__body,.mobile-topbar-sidebar .language-switcher--embedded .language-switcher__options{max-height:min(28vh,10rem)}@media(max-width:480px){.mobile-topbar-sidebar :global(.p-sidebar){width:100vw!important}}.app-topbar{position:fixed;height:5rem;z-index:997;left:0;top:0;width:100%;padding:0 2rem;background:var(--layout-topbar-bg, var(--surface-card));transition:left var(--transition-duration);display:flex;align-items:center;box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014}.app-topbar__logo{display:flex;align-items:center;color:var(--layout-topbar-text, var(--surface-900));font-size:1.5rem;font-weight:500;width:225px;text-decoration:none;gap:.5rem}.app-topbar__logo-icon{width:3.5rem;height:3.5rem;color:var(--layout-topbar-text, var(--surface-900))}.app-topbar__logo-text{font-weight:600}.app-topbar__logo:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring);border-radius:var(--border-radius)}.app-topbar__menu-button{display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--layout-topbar-text, var(--text-color-secondary));border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color var(--transition-duration);border:none;background:transparent;margin-left:1rem}.app-topbar__menu-button:hover{color:var(--layout-topbar-text, var(--text-color));background-color:#0000000d}.app-topbar__menu-button:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring)}.app-topbar__menu-button i{font-size:1.5rem}.app-topbar__menu-button--mobile{display:none;justify-content:center;align-items:center;position:relative;color:var(--layout-topbar-text, var(--text-color-secondary));border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color var(--transition-duration);border:none;background:transparent;margin-left:0}.app-topbar__menu-button--mobile:hover{color:var(--layout-topbar-text, var(--text-color));background-color:#ffffff14}.app-topbar__menu-button--mobile:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring)}.app-topbar__menu-button--mobile i{font-size:1.25rem}.app-topbar__actions{margin:0 0 0 auto;padding:0;list-style:none;display:flex;align-items:center;gap:1rem}.app-topbar__action-button{display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--layout-topbar-text, var(--text-color-secondary));border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:background-color var(--transition-duration);border:none;background:transparent}.app-topbar__action-button:hover{color:var(--layout-topbar-text, var(--text-color));background-color:#ffffff14}.app-topbar__action-button:focus{outline:0 none;outline-offset:0;box-shadow:var(--focus-ring)}.app-topbar__action-button i{font-size:1.5rem}.app-topbar__action-text{display:none;font-size:1rem;font-weight:500}.app-topbar__badge{position:absolute;top:0;right:0;background-color:var(--red-500);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:1rem;text-align:center}@media(max-width:991px){.app-topbar{justify-content:space-between}.app-topbar__logo{width:auto;order:2}.app-topbar__logo-text{display:none}.app-topbar__menu-button{margin-left:0;order:1}.app-topbar__menu-button--mobile{display:inline-flex;margin-left:0;order:3}.app-topbar__actions{display:none}}