.header-ppl{--header-height: 64px;--header-height-mobile: 56px;--header-z-index: 1000;--font-size-base: 16px;--font-size-s: 14px;--font-size-xs: 12px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-light: 300;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.header-ppl.normal-layout{--primary-color: #000000;--primary-dark: #212121;--primary-light: #424242;--surface-color: #000000;--on-surface: #ffffff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .12);--hover-overlay: rgba(255, 255, 255, .08);--focus-overlay: rgba(255, 255, 255, .12);--active-overlay: rgba(255, 255, 255, .16)}.header-ppl.admin-layout{--primary-color: #000000;--primary-dark: #212121;--primary-light: #424242;--surface-color: #f5f5f5;--on-surface: #000000;--text-primary: #000000;--text-secondary: #666666;--text-disabled: #999999;--border-color: #e0e0e0;--hover-overlay: rgba(0, 0, 0, .04);--focus-overlay: rgba(0, 0, 0, .08);--active-overlay: rgba(0, 0, 0, .12)}.header-ppl{position:relative;width:100%;min-height:var(--header-height);background-color:var(--surface-color);color:var(--text-primary);box-shadow:var(--shadow-sm);z-index:var(--header-z-index);font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.header-structure{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-md);max-width:100%;margin:0 auto}.header-left,.header-logo-section,.header-title-section,.header-right,.header-left-group,.header-right-group{display:flex;align-items:center;gap:var(--spacing-md)}.header-left,.header-left-group,.header-logo-section{flex:0 0 auto}.header-title-section{flex:1;min-width:0}.header-right,.header-right-group{flex:0 0 auto}.header-loading{display:flex;align-items:center;justify-content:center;height:var(--header-height);background-color:var(--surface-color);color:var(--text-primary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-menu-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--border-radius-md);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.header-menu-icon:hover{background-color:var(--hover-overlay)}.header-menu-icon:focus{outline:2px solid var(--primary-light);outline-offset:2px;background-color:var(--focus-overlay)}.header-menu-icon:active{background-color:var(--active-overlay);transform:scale(.95)}.header-menu-icon .material-icons{font-size:24px}.header-logo-wrapper,.header-logo-button{display:flex;align-items:center;justify-content:center;border:none;background:none;padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.header-logo-button:hover{background-color:var(--hover-overlay);transform:scale(1.05)}.header-logo-button:focus{outline:2px solid var(--primary-light);outline-offset:2px;background-color:var(--focus-overlay)}.header-logo-button:active{transform:scale(.98);background-color:var(--active-overlay)}.header-logo{height:32px;width:auto;max-width:120px;-o-object-fit:contain;object-fit:contain}.application-title{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);margin:0;margin-right:var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.team-dropdown{position:relative;display:flex;align-items:center}.team-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:200px;max-width:300px}.team-dropdown-header:hover{background-color:var(--hover-overlay);border-color:var(--primary-light)}.team-dropdown-header:focus{outline:2px solid var(--primary-light);outline-offset:2px;background-color:var(--focus-overlay)}.team-dropdown-header.open{background-color:var(--focus-overlay);border-color:var(--primary-color)}.team-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.team-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--text-secondary);line-height:1.2}.team-name{font-size:var(--font-size-s);font-weight:var(--font-weight-normal);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:20px;color:var(--text-secondary);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.team-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1100;animation:dropdown-enter var(--transition-fast) ease-out}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.scrollable-area{max-height:529px;overflow-y:auto;padding:var(--spacing-xs)}.scrollable-area::-webkit-scrollbar{width:6px}.scrollable-area::-webkit-scrollbar-track{background:transparent}.scrollable-area::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.scrollable-area::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.team-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);border:none;border-radius:var(--border-radius-sm);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.team-option:hover{background-color:var(--hover-overlay)}.team-option:focus{outline:2px solid var(--primary-light);outline-offset:-2px;background-color:var(--focus-overlay)}.team-option.current-team{background-color:var(--primary-color);color:#fff}.team-option.current-team:hover{background-color:var(--primary-dark)}.team-option-name{flex:1;font-size:var(--font-size-s);font-weight:var(--font-weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-indicator{font-size:18px;color:#fff}.team-switch-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:#f5f5f5;border-left:4px solid #000000;color:#000;font-size:var(--font-size-s);animation:banner-slide-in var(--transition-normal) ease-out}.team-switch-banner.info{background-color:#f5f5f5;border-left-color:#000;color:#000}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-text{flex:1;margin-right:var(--spacing-md)}.banner-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background-color:transparent;color:inherit;cursor:pointer;transition:background-color var(--transition-fast)}.banner-close:hover{background-color:#0000000a}.banner-close .material-icons{font-size:18px}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ffebee;border-left:4px solid #f44336;color:#c62828;font-size:var(--font-size-s);animation:error-slide-in var(--transition-normal) ease-out}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.error-message button{margin-left:auto;border:none;background:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:background-color var(--transition-fast)}.error-message button:hover{background-color:#0000000a}@media (min-width: 769px){.header-structure{padding:0 var(--spacing-lg)}.header-title-section{gap:var(--spacing-lg)}.application-title{max-width:400px}.team-dropdown-header{min-width:250px;max-width:350px}}@media (min-width: 481px) and (max-width: 768px){.header-structure{padding:0 var(--spacing-md)}.application-title{max-width:200px}.team-dropdown-header{min-width:180px;max-width:250px}.team-dropdown-menu{position:fixed;left:var(--spacing-md);right:var(--spacing-md);top:var(--header-height);width:auto}}@media (max-width: 480px){.header-ppl{min-height:var(--header-height-mobile)}.header-structure{height:var(--header-height-mobile);padding:0 var(--spacing-sm)}.header-left,.header-logo-section,.header-title-section,.header-right{gap:var(--spacing-sm)}.application-title{font-size:var(--font-size-s);max-width:120px}.header-logo{height:28px}.team-dropdown-header{min-width:100px;max-width:150px;padding:var(--spacing-xs) var(--spacing-sm)}.team-info{gap:1px}.team-label{font-size:10px}.team-name{font-size:var(--font-size-xs)}.dropdown-arrow{font-size:18px}.team-dropdown-menu{position:fixed;left:0;right:0;top:var(--header-height-mobile);width:auto;border-radius:0;border-left:none;border-right:none}.team-switch-banner,.error-message{padding:var(--spacing-sm);font-size:var(--font-size-xs)}}@media (prefers-contrast: high){.header-ppl{border-bottom:2px solid var(--text-primary)}.team-dropdown-header,.team-option{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dropdown-arrow.open{transform:none}}.header-menu-icon:focus-visible,.header-logo-button:focus-visible,.team-dropdown-header:focus-visible,.team-option:focus-visible,.banner-close:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.header-menu-icon:focus:not(:focus-visible),.header-logo-button:focus:not(:focus-visible),.team-dropdown-header:focus:not(:focus-visible),.team-option:focus:not(:focus-visible),.banner-close:focus:not(:focus-visible){outline:none}@media print{.header-ppl{box-shadow:none;border-bottom:1px solid #000;background:#fff!important;color:#000!important}.team-dropdown-menu,.team-switch-banner,.error-message{display:none}}@media (prefers-color-scheme: dark){.header-ppl.normal-layout{--surface-color: #1e1e1e;--on-surface: #ffffff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .12);--hover-overlay: rgba(255, 255, 255, .08)}.header-ppl.admin-layout{--surface-color: #121212;--text-primary: #e3f2fd;--text-secondary: #90caf9;--border-color: #424242}}