.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box}.header-spacer{height:60px}.header-left{display:flex;align-items:center}.user-info{font-size:16px;color:#333;font-weight:500}.header-right{display:flex;align-items:center}.btn-logout{background-color:transparent;border:1px solid #dc3545;color:#dc3545;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-logout:hover{background-color:#dc3545;color:#fff}@media (max-width: 600px){.app-header{padding:0 15px;height:50px}.header-spacer{height:50px}.user-info{font-size:14px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{padding:4px 12px;font-size:12px}}