#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.nav-links{display:flex;gap:8px}.nav-link{padding:6px 14px;border-radius:6px;color:#4a5568;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.nav-link:hover{background:#edf2f7;color:#2d3748}.nav-link.router-link-active{background:#ebf4ff;color:#3b82f6}.logout-button{padding:6px 14px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.logout-button:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}