:root{--ph-red:#e7000b;--ph-red-light:#fef2f2;--ph-text-dark:#101828;--ph-text-muted:#6a7282;--ph-border:#e5e7eb;--ph-avatar-bg:#1f2937;--ph-height:64px}.portal-header{background:#fff;border-bottom:1px solid var(--ph-border);box-shadow:0 1px 3px rgba(0,0,0,.06);left:50%;margin-left:auto;margin-right:auto;max-width:1312px;position:absolute;top:16px;transform:translateX(-50%);width:100%;z-index:100}body{position:relative}.portal-header+*{margin-top:0}.portal-header__skip-link{background:var(--ph-red);color:#fff;font-family:Roboto,sans-serif;font-size:14px;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;z-index:9999}.portal-header__skip-link:focus{top:0}.portal-header__inner{align-items:center;display:flex;gap:8px;height:var(--ph-height);padding:8px 20px}.portal-header__brand{align-items:center;display:flex;flex-shrink:0;gap:8px}.portal-header__brand-link{align-items:center;display:flex;gap:8px;text-decoration:none}.portal-header__wf-mark{display:block;flex-shrink:0;object-fit:contain;transform:translateY(var(--ph-wf-logo-offset-y,0))}.portal-header__brand-text{display:none;flex-direction:column;line-height:1.2}.portal-header__brand-name{color:var(--ph-text-dark);display:none;font-family:Bebas Neue Pro,Bebas Neue,sans-serif;font-size:18px;font-weight:700;letter-spacing:.03em;line-height:1.1}.portal-header__brand-subtitle{color:var(--ph-text-muted);display:none;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.2}.portal-header__brand-divider{background-color:var(--ph-border);flex-shrink:0;height:32px;margin:0 4px;width:1px}.portal-header__client-logo{display:block;flex-shrink:0;object-fit:contain;transform:translateY(var(--ph-client-logo-offset-y,0))}.portal-header__client-logo-link{align-items:center;border-radius:4px;display:inline-flex;transition:opacity .15s ease}.portal-header__client-logo-link:hover{opacity:.8}.portal-header__client-logo-link:focus-visible{outline:3px solid var(--ph-red);outline-offset:4px}.portal-header__nav{display:flex;flex:1;justify-content:center;overflow:hidden}.portal-header__nav-list{align-items:center;display:flex;gap:2px;list-style:none;margin:0;padding:0}.portal-header__nav-item{flex-shrink:0}.portal-header__nav-link{align-items:center;border-radius:0;color:var(--ph-text-dark);display:flex;font-family:Bebas Neue Pro SmE Eb,Bebas Neue Pro,Bebas Neue,sans-serif;font-size:16px;font-weight:700;gap:10px;height:36px;letter-spacing:-.15px;padding:0 12px;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.portal-header__nav-link:hover{background-color:var(--ph-red-light);color:var(--ph-red)}.portal-header__nav-link:hover .portal-header__nav-icon,.portal-header__nav-link:hover svg{color:var(--ph-red)}.portal-header__nav-link:focus-visible{outline:3px solid var(--ph-red);outline-offset:2px}.portal-header__nav-icon{align-items:center;color:currentColor;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.portal-header__nav-icon img,.portal-header__nav-icon svg{display:block;height:16px;width:16px}.portal-header__nav-text{display:inline}.portal-header__right{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.portal-header__bell-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--ph-text-dark);cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:background-color .15s ease;width:32px}.portal-header__bell-btn:hover{background-color:#f3f4f6}.portal-header__bell-btn:focus-visible{outline:3px solid var(--ph-red);outline-offset:2px}.portal-header__bell-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.portal-header__bell-icon svg{display:block;height:20px;width:20px}.portal-header__right-divider{background-color:var(--ph-border);flex-shrink:0;height:32px;width:1px}.portal-header__user{align-items:center;display:flex;position:relative}.portal-header__user-trigger{align-items:center;background:transparent;border:1px solid transparent;border-radius:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:4px 8px 4px 10px;text-align:left;transition:background-color .15s ease,border-color .15s ease}.portal-header__user-trigger:hover{background-color:#f9fafb;border-color:var(--ph-border)}.portal-header__user-trigger:focus-visible{outline:3px solid var(--ph-red);outline-offset:2px}.portal-header__user-trigger[aria-expanded=true]{background-color:#f3f4f6;border-color:var(--ph-border)}.portal-header__user-caret{align-items:center;color:var(--ph-text-muted);display:inline-flex;height:14px;justify-content:center;transition:transform .18s ease;width:14px}.portal-header__user-trigger[aria-expanded=true] .portal-header__user-caret{transform:rotate(180deg)}.portal-header__user-info{align-items:flex-end;display:none;flex-direction:column;gap:1px}.portal-header__user-name{color:var(--ph-text-dark);display:block;font-family:Bebas Neue Pro,Bebas Neue,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.portal-header__user-company{color:var(--ph-text-muted);display:block;font-family:Inter,Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.2;white-space:nowrap}.portal-header__avatar{align-items:center;background-color:var(--ph-avatar-bg);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Bebas Neue Pro,Bebas Neue,sans-serif;font-size:13px;font-weight:700;height:32px;justify-content:center;letter-spacing:.04em;text-transform:uppercase;user-select:none;width:32px}.portal-header__user-menu{animation:portal-header__user-menu-in .14s ease-out;background:#fff;border:1px solid var(--ph-border);border-radius:0;box-shadow:0 12px 32px -8px rgba(0,0,0,.18),0 4px 8px -4px rgba(0,0,0,.08);min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.portal-header__user-menu[hidden]{display:none}@keyframes portal-header__user-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portal-header__user-menu-header{display:flex;flex-direction:column;gap:2px;padding:10px 12px 8px}.portal-header__user-menu-name{color:var(--ph-text-dark);font-family:Bebas Neue Pro,Bebas Neue,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.2}.portal-header__user-menu-email{color:var(--ph-text-muted);font-weight:400;word-break:break-word}.portal-header__user-menu-company,.portal-header__user-menu-email{font-family:Inter,Roboto,sans-serif;font-size:12px;line-height:1.3}.portal-header__user-menu-company{color:var(--ph-text-dark);font-weight:500;margin-top:2px}.portal-header__user-menu-divider{background:var(--ph-border);height:1px;margin:4px 0}.portal-header__user-menu-item{align-items:center;border-radius:6px;color:var(--ph-text-dark);cursor:pointer;display:flex;font-family:Inter,Roboto,sans-serif;font-size:13px;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none;transition:background-color .12s ease,color .12s ease}.portal-header__user-menu-item:focus-visible,.portal-header__user-menu-item:hover{background-color:#f3f4f6;text-decoration:none}.portal-header__user-menu-item:focus-visible{outline:3px solid var(--ph-red);outline-offset:-3px}.portal-header__user-menu-item--logout{color:var(--ph-red)}.portal-header__user-menu-item--logout:hover{background-color:#fef2f2}.portal-header__user-menu-icon{align-items:center;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.portal-header__mobile-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;margin-left:auto;padding:8px;width:40px}.portal-header__hamburger{background-color:var(--ph-text-dark);border-radius:2px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:22px}.portal-header__mobile-toggle[aria-expanded=true] .portal-header__hamburger:first-child{transform:translateY(7px) rotate(45deg)}.portal-header__mobile-toggle[aria-expanded=true] .portal-header__hamburger:nth-child(2){opacity:0}.portal-header__mobile-toggle[aria-expanded=true] .portal-header__hamburger:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.portal-header__mobile-toggle:focus-visible{outline:3px solid var(--ph-red);outline-offset:2px}.portal-header__mobile-nav{background-color:#fff;border-top:1px solid var(--ph-border);box-shadow:0 4px 12px rgba(0,0,0,.08);padding:8px 16px 16px}.portal-header__mobile-nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.portal-header__mobile-nav-link{align-items:center;border-radius:8px;color:var(--ph-text-dark);display:flex;font-family:Bebas Neue Pro,Bebas Neue,sans-serif;font-size:16px;font-weight:700;gap:10px;letter-spacing:.04em;padding:10px 12px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.portal-header__mobile-nav-link:hover{background-color:var(--ph-red-light);color:var(--ph-red)}.portal-header__mobile-nav-link:focus-visible{outline:3px solid var(--ph-red);outline-offset:2px}@media (max-width:1440px){.portal-header{max-width:1312px;width:calc(100% - 32px)}.portal-header__inner{gap:6px;padding:8px 16px}.portal-header__nav-link{font-size:15px;gap:8px;padding:0 10px}.portal-header__nav-list{gap:1px}.portal-header__brand,.portal-header__brand-link{gap:6px}.portal-header__brand-divider{height:28px;margin:0 2px}}@media (max-width:1280px){.portal-header__brand-subtitle{display:none}.portal-header__nav-link{font-size:14px;gap:6px;padding:0 8px}}@media (max-width:1200px){.portal-header__right-divider,.portal-header__user-info{display:none}.portal-header__right{gap:6px}.portal-header__nav-link{font-size:13px;gap:4px;padding:0 6px}.portal-header__nav-icon,.portal-header__nav-icon img,.portal-header__nav-icon svg{height:14px;width:14px}}@media (max-width:1080px){.portal-header__nav,.portal-header__right{display:none}.portal-header__mobile-toggle{display:flex}.portal-header__brand-subtitle{display:none}}@media (max-width:768px){.portal-header{height:auto;min-height:var(--ph-height);top:8px;width:calc(100% - 16px)}.portal-header__inner{flex-wrap:nowrap;height:var(--ph-height)}}@media (max-width:480px){.portal-header__brand-name{font-size:16px}}@media (prefers-reduced-motion:reduce){.portal-header__bell-btn,.portal-header__hamburger,.portal-header__nav-link{transition:none}}