.user-info-header{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:.75rem 1rem;box-shadow:0 1px 3px #0000001a;font-family:var(--font-family, "Roboto", sans-serif);min-height:60px;z-index:1000}.user-info-header.dark-theme{background:var(--header-background-dark, #1e1e1e);border-bottom-color:var(--border-color-dark, #333333);color:var(--text-color-dark, #ffffff)}.user-info-header.admin-layout{background:var(--admin-header-background, #f5f5f5);border-bottom-color:var(--admin-border-color, #d0d0d0)}.user-info-header.loading{justify-content:center;align-items:center}.loading-spinner{display:flex;align-items:center;gap:.5rem;color:var(--text-color-secondary, #666666);font-size:.875rem}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #000000);border-radius:50%;animation:spin 1s linear infinite}.user-info-header.error{justify-content:center;align-items:center}.error-message{color:var(--error-color, #d32f2f);font-size:.875rem;padding:.5rem;background:var(--error-background, #ffebee);border-radius:4px;border:1px solid var(--error-border, #ffcdd2)}.user-info-structure{display:flex;align-items:center;gap:1rem}.user-info-structure__placeholder .user-avatar.skeleton{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 37%,#ececec 63%);background-size:400% 100%;animation:skeletonPulse 1.4s ease infinite;border:2px solid #ffffff;box-shadow:0 2px 8px #00000014}@keyframes skeletonPulse{0%{background-position:100% 50%}to{background-position:0 50%}}.user-info-structure__actions{position:relative;display:flex;align-items:center;margin-top:.25rem;transition:all .3s ease}.user-info-structure__actions.notification-received{animation:backgroundPulse 5s ease-in-out}.user-info-structure__actions.has-new-notifications{margin-top:.5rem;margin-left:.5rem}.notification-link{background:#f0f0f0;border:none;cursor:pointer;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;color:#666;width:48px;height:48px}.notification-link:hover{background:var(--hover-background, #f5f5f5);color:var(--icon-color-hover, #333333);transform:translateY(-1px)}.notification-link:active{transform:translateY(0);background:var(--active-background, #e0e0e0)}.notification-link:focus{outline:2px solid var(--focus-color, #000000);outline-offset:2px}.notification-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;width:24px;height:24px}.notification-icon.swing-animation{animation:bellSwing .8s ease-in-out;transform-origin:center}.notification-icon.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}.notification-badge-container{position:relative;display:inline-block}.notification-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;background:#ff6b35;color:#fff;border-radius:10px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:2px 6px;box-shadow:0 2px 4px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:badgeAppear .3s ease-out;border:2px solid #ffffff;z-index:10}.user-info-structure__image,.user-menu-container{position:relative}.user-menu-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;position:relative;transition:all .2s ease}.user-menu-button:hover{transform:translateY(-1px)}.user-menu-button:active{transform:translateY(0)}.user-menu-button:focus{outline:2px solid var(--focus-color, #000000);outline-offset:2px;border-radius:4px}.user-avatar{width:48px;height:48px;border-radius:50%;background:#1976d2;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 8px #00000026;transition:all .3s ease;position:relative;overflow:hidden;color:#fff;font-size:18px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-avatar:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.avatar-icon,.avatar-initials{font-size:1.5rem;color:#fff;font-weight:600;line-height:1}.user-tooltip{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:var(--tooltip-background, #333333);color:var(--tooltip-text, #ffffff);padding:.75rem 1rem;border-radius:6px;font-size:.875rem;white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:1001;animation:tooltipFadeIn .3s ease-out;pointer-events:none}.user-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--tooltip-background, #333333)}.user-details{text-align:center}.user-name{font-weight:500;font-size:.875rem;margin-bottom:2px}.user-role{font-size:.75rem;opacity:.8}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--dropdown-background, #ffffff);border:1px solid var(--dropdown-border, #e0e0e0);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:200px;z-index:1002;overflow:hidden;animation:dropdownSlideIn .3s ease-out}.user-menu-dropdown.dark-theme{background:var(--dropdown-background-dark, #2e2e2e);border-color:var(--dropdown-border-dark, #444444)}.menu-list{display:flex;flex-direction:column;padding:.5rem 0}.menu-item{background:none;border:none;padding:.75rem 1rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--menu-item-color, #333333);transition:all .2s ease;border-radius:0}.menu-item:hover{background:var(--menu-item-hover, #f5f5f5);color:var(--menu-item-color-hover, #000000)}.menu-item:active{background:var(--menu-item-active, #e0e0e0)}.menu-item:focus{background:var(--menu-item-focus, #e3f2fd);outline:none}.menu-item.logout-item{border-top:1px solid var(--menu-separator, #e0e0e0);margin-top:.25rem;color:var(--logout-color, #d32f2f)}.menu-item.logout-item:hover{background:var(--logout-hover, #ffebee);color:var(--logout-color-hover, #b71c1c)}.menu-item-label{flex:1;font-weight:400}.menu-item-icon{margin-left:.5rem;opacity:.7}.font-medium{font-weight:500}.font-size-s{font-size:.875rem}@media (max-width: 768px){.user-info-header{padding:.5rem;min-height:56px}.user-info-structure{gap:.75rem}.user-avatar{width:36px;height:36px}.notification-icon{font-size:1.25rem}.user-tooltip{font-size:.75rem;padding:.5rem .75rem}.user-menu-dropdown{min-width:180px;right:-.5rem}}@media (max-width: 480px){.user-info-header{padding:.25rem .5rem}.user-info-structure{gap:.5rem}.user-avatar{width:32px;height:32px}.avatar-icon{font-size:1.25rem}.user-menu-dropdown{min-width:160px;right:-1rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bellSwing{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}70%{transform:rotate(8deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes backgroundPulse{0%{background:transparent;box-shadow:none}2%{background:var(--notification-pulse-bg, rgba(25, 118, 210, .1));box-shadow:0 0 8px #1976d24d}10%{background:var(--notification-pulse-bg, rgba(25, 118, 210, .15));box-shadow:0 0 12px #1976d266}90%{background:var(--notification-pulse-bg, rgba(25, 118, 210, .05));box-shadow:0 0 4px #1976d233}to{background:transparent;box-shadow:none}}@keyframes badgeAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info-header *{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}@media (prefers-contrast: high){.user-info-header{border-bottom-width:2px}.notification-badge{border:2px solid var(--background, #ffffff)}.user-avatar{border-width:3px}.menu-item:focus{outline:3px solid var(--focus-color, #1976d2)}}@media (prefers-reduced-motion: reduce){.user-info-header *,.notification-icon.swing-animation,.user-info-structure__actions.notification-received{animation:none!important;transition:none!important}.user-avatar:hover,.notification-link:hover{transform:none}}@media print{.user-info-header{box-shadow:none;border-bottom:1px solid #000000;background:transparent}.notification-badge,.user-menu-dropdown{display:none}}