.px-header{
position:fixed;
top:0;
left:0;
width:100%;
background:var(--color-bg);
border-bottom:1px solid var(--color-border);
z-index:1000;
}

.px-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
min-height:72px;
}

.px-header-spacer{
height:72px;
}

.px-brand-link{
display:flex;
align-items:center;
gap:var(--space-2);
color:var(--color-text);
}

.px-logo{
height:40px;
width:auto;
}

.px-brand-text{
font-size:18px;
font-weight:600;
}

.px-nav{
display:flex;
align-items:center;
gap:var(--space-4);
}

.px-nav-list{
display:flex;
gap:var(--space-4);
margin:0;
padding:0;
}

.px-nav-list li{
margin:0;
padding:0;
}

.px-nav-list a{
color:var(--color-text);
font-size:var(--text-sm);
}

.px-nav-list a:hover{
color:var(--color-accent);
}

.px-nav-actions{
display:flex;
}

.px-nav-toggle{
display:none;
width:44px;
height:44px;
flex-direction:column;
justify-content:center;
align-items:center;
gap:5px;
cursor:pointer;
position:relative;
z-index:1002;
}

.px-nav-toggle span{
display:block;
width:20px;
height:2px;
background:var(--color-text);
flex-shrink:0;
transition:transform .2s ease,opacity .2s ease;
}

.px-nav-toggle[aria-expanded="true"] span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}
.px-nav-toggle[aria-expanded="true"] span:nth-child(2){
opacity:0;
}
.px-nav-toggle[aria-expanded="true"] span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}

@media (max-width:900px){
.px-nav{
position:fixed;
top:72px;
right:0;
width:100%;
max-width:320px;
height:calc(100vh - 72px);
background:var(--color-bg);
border-left:1px solid var(--color-border);
flex-direction:column;
align-items:flex-start;
padding:var(--space-4);
transform:translateX(100%);
transition:transform 0.2s ease;
overflow-y:auto;
}

.px-nav.open{
transform:translateX(0);
}

.px-nav-list{
flex-direction:column;
gap:var(--space-3);
width:100%;
}

.px-nav-actions{
width:100%;
}

.px-nav-toggle{
display:flex;
}
}

@media (max-width:768px){
.px-logo{
height:28px;
}

.px-brand-text{
font-size:14px;
}

.px-header-inner{
min-height:64px;
}

.px-header-spacer{
height:64px;
}

.px-nav{
top:64px;
height:calc(100vh - 64px);
}
}