.header{background-color:#1f2937;color:#f9fafb;padding:1rem 2rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 10px rgba(0,0,0,.05)}.app-title{font-size:1.75rem;font-weight:700;margin:0;color:#facc15}.navbar{display:flex;gap:1.2rem;flex-wrap:wrap;font-weight:500}.navbar a{color:#f9fafb;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.navbar a:hover{color:#facc15;text-decoration:underline}.navbar span{color:#9ca3af;cursor:not-allowed}@media (max-width:600px){.header{padding:1rem}.navbar{flex-direction:column;gap:.5rem}}.user-links{display:flex;gap:1rem}