.header-bar {
                position: sticky; top: 0; z-index: 100;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 1rem;
                margin-bottom: 1rem;
                padding-bottom: .5rem;
                border-bottom: 1px solid rgba(0,0,0,.08);
                backdrop-filter: saturate(1.2) blur(2px);
                -webkit-backdrop-filter: saturate(1.2) blur(2px);
            }
.logo-top { 
    max-width: 200px; 
    height: 50px; 
    display: block; 
    object-fit: contain; 
    object-position: left center;
}
.header-actions { display:flex; align-items:center; gap:1rem; }
.welcome { font-size:1.1rem; }
.btn-ghost { display:inline-block; padding:.5rem .8rem; border:1px solid var(--line); border-radius:.5rem; background:#fff; color:#111; text-decoration:none; }
.breadcrumbs{display:flex;gap:.35rem;align-items:center;color:var(--muted);font-size:.9rem}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs .sep{opacity:.5}
.btn{display:inline-block;padding:.6rem .9rem;border:none;border-radius:.5rem;cursor:pointer;background:var(--primary);color:#fff;font-weight:600}
.btn:hover{background:var(--primary-light);color:#111}