header{background-color:var(--color-bg-header);padding:1rem 0;margin-bottom:2rem;box-shadow:0 2px 8px var(--color-shadow)}nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1rem}.user-info{font-size:1.2rem;letter-spacing:1px;margin:0}.username{font-weight:700;color:var(--color-link)}.role{font-size:.9rem;color:var(--color-text-muted, #666);margin-left:.5rem}.app-name{font-size:1.7rem;font-weight:700;letter-spacing:2px;color:var(--color-link)}nav ul{list-style:none;display:flex;align-items:center;gap:1ch;margin:0;padding:0}nav ul li form{border-radius:3px}nav ul li a,.logout{display:inline;text-decoration:none;font-size:1rem;padding:5px 10px;border-radius:3px;transition:all .2s;background:none;border:none;cursor:pointer;display:revert}nav ul li a:hover,nav ul li a:focus,nav ul li form:hover,nav ul li form:focus{background-color:var(--color-link-hover-bg);color:var(--color-link-hover-text)}